*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--verde: #1a5c38;--verde2: #154d2f;--amarillo: #f5c518;--amarillo2: #e0b000;--blanco: #FFFFFF;--gris: #f4f6f4;--texto: #1a1a1a}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--gris);color:var(--texto);min-height:100vh;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}header[data-v-7aef6a38]{background:var(--verde);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026}.logo-wrap[data-v-7aef6a38]{display:flex;align-items:center;gap:10px}.logo-icon[data-v-7aef6a38]{font-size:1.5rem;line-height:1}.logo-text[data-v-7aef6a38]{display:flex;flex-direction:column;line-height:1.1}.logo-main[data-v-7aef6a38]{font-weight:700;font-size:1rem;color:var(--amarillo)}.logo-sub[data-v-7aef6a38]{font-size:.65rem;letter-spacing:1px;color:#ffffffb3;text-transform:uppercase}.link-sitio[data-v-7aef6a38]{font-size:.78rem;font-weight:600;color:var(--verde);background:var(--amarillo);padding:6px 14px;border-radius:6px;text-decoration:none;transition:background .15s}.link-sitio[data-v-7aef6a38]:hover{background:var(--amarillo2)}@media(max-width:520px){header[data-v-7aef6a38]{padding:12px 16px}.logo-main[data-v-7aef6a38]{font-size:.88rem}.link-sitio[data-v-7aef6a38]{font-size:.72rem;padding:5px 10px}}.page[data-v-a585f2dd]{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}main[data-v-a585f2dd]{display:flex;justify-content:center;padding:32px 16px}.card[data-v-a585f2dd]{background:var(--blanco);border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:32px 28px;max-width:480px;width:100%;display:flex;flex-direction:column;gap:24px;opacity:0}.card-header h1[data-v-a585f2dd]{font-size:1.5rem;font-weight:800;color:var(--verde);line-height:1.2;margin-bottom:6px}.card-header p[data-v-a585f2dd]{font-size:.88rem;color:#555}.input-group[data-v-a585f2dd]{display:flex;flex-direction:column;gap:6px;position:relative}.input-group label[data-v-a585f2dd]{font-size:.82rem;font-weight:600;color:var(--verde);text-transform:uppercase;letter-spacing:.5px}.input-group textarea[data-v-a585f2dd]{border:2px solid #dde8e2;border-radius:10px;padding:12px 14px;font-size:1rem;font-family:inherit;resize:vertical;color:var(--texto);transition:border-color .15s;line-height:1.4}.input-group textarea[data-v-a585f2dd]:focus{outline:none;border-color:var(--verde)}.contador[data-v-a585f2dd]{font-size:.72rem;color:#999;text-align:right}.preview-wrap[data-v-a585f2dd]{display:flex;flex-direction:column;gap:8px}.preview-label[data-v-a585f2dd]{font-size:.78rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.canvas-container[data-v-a585f2dd]{position:relative;border-radius:10px;overflow:hidden;background:#e8e8e8;border:1px solid #ddd}canvas[data-v-a585f2dd]{width:100%;height:auto;display:block}.canvas-placeholder[data-v-a585f2dd]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#999;font-size:.85rem}.acciones[data-v-a585f2dd]{display:flex;gap:12px}.btn-descargar[data-v-a585f2dd]{flex:2;background:var(--verde);color:var(--blanco);border:none;border-radius:10px;padding:14px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}.btn-descargar[data-v-a585f2dd]:hover:not(:disabled){background:var(--verde2)}.btn-descargar[data-v-a585f2dd]:disabled{opacity:.45;cursor:not-allowed}.btn-compartir[data-v-a585f2dd]{flex:1;background:var(--amarillo);color:var(--verde);border:none;border-radius:10px;padding:14px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}.btn-compartir[data-v-a585f2dd]:hover:not(:disabled){background:var(--amarillo2)}.btn-compartir[data-v-a585f2dd]:disabled{opacity:.45;cursor:not-allowed}footer[data-v-a585f2dd]{background:var(--verde);color:#fff9;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;flex-wrap:wrap;gap:8px}footer a[data-v-a585f2dd]{color:var(--amarillo);text-decoration:none}@media(max-width:520px){.card[data-v-a585f2dd]{padding:22px 16px;gap:18px}.card-header h1[data-v-a585f2dd]{font-size:1.25rem}.acciones[data-v-a585f2dd]{flex-direction:column}}