*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#eaf0f7;color:#102f57;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0}svg{width:24px;height:24px;flex-shrink:0}a:focus-visible,button:focus-visible{outline:3px solid #15aaf8;outline-offset:4px}button:hover,a:hover{filter:brightness(.97)}.digital-card{width:100%;max-width:480px;background:#fff;min-height:100vh;margin:auto;overflow:hidden;box-shadow:0 18px 55px #203e6420}.hero{position:relative;isolation:isolate;min-height:220px;padding:25px 24px 34px;color:white;background:#075cb9 url('/assets/encabezado-azul.webp') center 49%/cover no-repeat;clip-path:ellipse(105% 100% at 30% 0%)}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06295590,transparent 90%)}.brand{width:195px;height:auto;display:block;filter:grayscale(1) invert(1) brightness(1.4);mix-blend-mode:screen}.identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.identity-copy{min-width:0}.identity h1{font-size:21px;line-height:1.16;margin:0 0 5px;font-weight:750;letter-spacing:-.5px;overflow-wrap:anywhere}.identity p{font-size:16px;margin:0 0 5px;color:#e3f1ff}.identity em{display:inline-block;border-top:1px solid #84d6ff;padding-top:4px;font-size:14px;color:#e8f3ff}.avatar{width:78px;height:78px;border:3px solid #fff;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 3px 14px #04345a25;background:#064b92}.monogram{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:37px;letter-spacing:-4px;padding-right:4px;line-height:1}.monogram i{width:40px;height:8px;border-bottom:3px solid #61cfff;border-radius:50%;margin-top:2px}.card-body{padding:0 17px 18px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr) 1.75fr;gap:7px;margin-top:8px}.quick-actions>a,.quick-actions>button{min-height:76px;border-radius:11px;background:linear-gradient(160deg,#edf5ff,#f9fbff);color:#095ac0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 2px 5px #164d8120;padding:7px 4px}.quick-actions svg{width:23px;height:23px}.quick-actions span{font-size:12px;text-align:center;line-height:1.25}.quick-actions .whatsapp{background:linear-gradient(135deg,#0aba5b,#05a940);color:white}.quick-actions .whatsapp svg{width:27px;height:27px}.quick-actions .whatsapp span{font-size:13px}.quick-actions .whatsapp strong{font-size:15px}.solutions>h2{font-size:22px;margin:21px 0 14px;line-height:1.25;font-weight:750;letter-spacing:-.25px}.solutions>h2:after{content:'';display:block;width:32px;height:3px;background:#13b6f1;margin-top:6px;border-radius:5px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category{border:1px solid #e7eff9;border-radius:12px;overflow:hidden;background:linear-gradient(#fff,#f5f9ff);box-shadow:0 3px 8px #1a558514}.product-image{aspect-ratio:1.15;overflow:hidden;background:#eff4f7}.product-image img{width:100%;height:100%;object-fit:cover;display:block}.category-label{display:flex;align-items:center;justify-content:space-between;padding:9px 8px;gap:2px;min-height:52px}.category-label strong{font-size:14px;font-weight:650;line-height:1.16;overflow-wrap:normal}.category-label svg{width:12px;height:12px;color:#4585c3}.service-panel{display:flex;align-items:flex-start;gap:11px;margin:19px 0 15px;padding:15px 13px;border:1px solid #d1e7fc;border-radius:12px;background:linear-gradient(120deg,#eef8ff,#f7fbff)}.service-icon{background:#daefff;color:#076ac8;border-radius:10px;padding:8px;display:flex}.service-panel h2{margin:0 0 5px;font-size:17px;line-height:1.2}.service-panel p{font-size:14px;line-height:1.4;margin:0 0 10px;color:#456784}.service-link{display:inline-block;background:#0867cd;color:white;border-radius:7px;padding:7px 13px;font-size:14px;font-weight:bold}.credit-panel{position:relative;display:grid;grid-template-columns:38px 1fr;column-gap:10px;padding:17px 14px;border-radius:13px;color:white;background:linear-gradient(105deg,#032d68,#086ee1);overflow:hidden;box-shadow:0 5px 13px #0965c627}.credit-panel:before{content:'';position:absolute;inset:0;background:url('/assets/encabezado-azul.webp') right center/cover;opacity:.2;pointer-events:none}.credit-icon,.credit-copy,.credit-link{position:relative}.credit-icon{border:1px solid #5fa9ea;border-radius:9px;padding:6px;height:38px;display:flex;align-items:center;background:#2b7dcb66;box-shadow:0 0 12px #75c7ff30}.credit-copy h2{font-size:22px;line-height:1.1;margin:0 0 5px;letter-spacing:-.3px}.credit-copy p{font-size:14px;margin:0;color:#e6f1ff;line-height:1.25}.credit-copy small{display:block;color:#d6eaff;font-size:12px;margin-top:6px}.credit-link{grid-column:2;justify-self:start;display:flex;align-items:center;gap:3px;background:white;color:#075fc5;font-size:14px;font-weight:700;padding:7px 12px;border-radius:7px;margin-top:10px}.credit-link svg{width:15px;height:15px}.location-panel{display:flex;align-items:center;gap:8px;padding:16px 3px 12px}.location-icon{align-self:flex-start;background:#ebf4ff;padding:7px;border-radius:50%;color:#156ac7;display:flex;margin-top:2px}.location-icon svg{width:20px;height:20px}.location-copy{flex:1;min-width:0}.location-copy h2{font-size:16px;line-height:1.2;margin:0 0 5px}.location-copy p{font-size:13px;line-height:1.35;color:#53718e;margin:0}.location-panel>a{display:flex;gap:2px;align-items:center;color:#0866cf;font-size:13px;font-weight:bold;white-space:nowrap}.location-panel>a svg{width:12px;height:12px}.connect-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 2px 17px;border-bottom:1px solid #dce9f6}.connect-row h2{font-size:11px;letter-spacing:.7px;text-transform:uppercase;margin:0 0 7px;font-weight:600;color:#2e608e}.social-links{display:flex;gap:8px}.social-links a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:white}.social-links svg{width:19px;height:19px}.facebook{background:#1479ed}.instagram{background:linear-gradient(45deg,#ffc845,#ed355e,#872ccb)}.tiktok{background:#111}.catalog-block{text-align:right}.catalog-block a{display:flex;gap:7px;align-items:center;justify-content:center;padding:7px 12px;font-size:14px;font-weight:bold;color:white;background:linear-gradient(#0874e6,#065bbb);border-radius:8px;box-shadow:0 3px 6px #006be32b}.catalog-block svg{width:20px;height:20px}.share-panel{display:flex;align-items:center;gap:15px;border:1px solid #d8e8f7;border-radius:12px;box-shadow:0 3px 8px #0d59921c;background:linear-gradient(120deg,#fff,#f3f8ff);width:100%;text-align:left;padding:15px 13px;margin-top:15px;color:#144c88}.qr-icon{display:flex}.qr-icon svg{width:37px;height:37px}.share-panel>span:nth-child(2){flex:1}.share-panel strong{font-size:18px;display:block;line-height:1.2}.share-panel small{font-size:13px;display:block;color:#6382a0;margin-top:3px}.share-panel>svg{width:15px;height:15px;color:#7a9aba}.install-button{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;margin-top:17px;color:#155da4;background:#eef6ff;border:1px solid #daeaff;border-radius:9px;font-size:14px;font-weight:600}.install-button[hidden]{display:none}.install-button svg{width:18px;height:18px}.email-link{display:flex;align-items:center;justify-content:center;gap:6px;color:#6c829a;font-size:13px;margin-top:13px;overflow-wrap:anywhere}.email-link svg{width:15px;height:15px}#status{text-align:center;font-size:14px;color:#0068c7;margin:10px 0 0}#status:empty{display:none}dialog{width:calc(100% - 32px);max-width:390px;border:1px solid #c2d7ed;border-radius:18px;padding:22px;color:#15365e}dialog::backdrop{background:#051b3b99}dialog h2{margin:0 0 12px;font-size:23px}dialog #qr svg{width:100%;height:auto}.primary{display:inline-block;border:0;background:#0066d9;color:white;padding:11px 17px;border-radius:9px}dialog .close{display:block;padding:9px 16px;border:0;border-radius:8px;margin-top:12px}@media(min-width:650px){.digital-card{margin:28px auto;border-radius:23px;min-height:0}.hero{padding-top:28px}.credit-panel{grid-template-columns:38px 1fr}.credit-copy p{max-width:300px}}@media(max-width:370px){.card-body{padding-inline:12px}.hero{padding-inline:18px;min-height:205px}.brand{width:172px}.identity h1{font-size:21px}.avatar{width:70px;height:70px}.quick-actions{gap:5px}.quick-actions span{font-size:11px}.quick-actions .whatsapp span{font-size:12px}.category-grid{gap:7px}.category-label{padding:8px 6px}.category-label strong{font-size:13px}.location-panel{flex-wrap:wrap}.location-panel>a{margin-left:44px}.credit-copy h2{font-size:20px}.connect-row h2{font-size:10px}}@media(prefers-reduced-motion:no-preference){a,button{transition:filter .15s,box-shadow .15s}}
@media(max-width:400px){.category-label{padding:9px 5px}.category-label strong{font-size:12px}.category-label svg{display:none}}

@media(max-width:370px){.category-label strong{font-size:11px}.location-copy{flex:1 0 calc(100% - 48px)}.location-panel>a{margin-top:3px}}

/* Composición compacta de la referencia aprobada. */
.digital-card{max-width:400px}.hero{min-height:178px;padding:23px 25px 24px;background-position:center 44%;clip-path:ellipse(135% 100% at 28% 0%)}.brand{width:137px}.identity{margin-top:14px;gap:9px}.identity h1{font-size:18px;letter-spacing:-.35px;margin-bottom:2px}.identity p{font-size:14px;line-height:1.25;margin-bottom:3px}.identity em{font-size:11px;padding-top:3px}.avatar{width:70px;height:70px;border-width:2px}.monogram{font-size:33px}.monogram i{width:35px;height:6px;border-bottom-width:2px}.card-body{padding:0 13px 13px}.quick-actions{margin-top:7px;gap:6px;grid-template-columns:repeat(3,1fr) 1.65fr}.quick-actions>a,.quick-actions>button{min-height:65px;border-radius:8px;gap:3px;padding:6px 3px}.quick-actions svg{width:21px;height:21px}.quick-actions span{font-size:10px}.quick-actions .whatsapp span{font-size:11px}.quick-actions .whatsapp strong{font-size:13px}.quick-actions .whatsapp svg{width:23px;height:23px}.solutions>h2{font-size:18px;margin:17px 2px 10px}.solutions>h2:after{width:28px;height:2px;margin-top:4px}.category-grid{gap:9px}.category{border-radius:9px;box-shadow:0 2px 5px #1a55850d}.product-image{aspect-ratio:1.5}.category-label{min-height:37px;padding:6px 7px;gap:3px}.category-label strong{font-size:11px;line-height:1.15}.category-label svg{display:block;width:10px;height:10px}.service-panel{margin:12px 0;padding:10px 11px;gap:9px;align-items:center;border-radius:9px}.service-icon{padding:6px;border-radius:8px}.service-icon svg{width:20px;height:20px}.service-panel h2{font-size:13px;margin-bottom:3px}.service-link{padding:0;background:transparent;color:#0867cd;font-size:11px;display:flex;gap:3px;align-items:center}.service-link svg{width:11px;height:11px}.credit-panel{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:12px 10px;border-radius:10px;align-items:center}.credit-icon{height:32px;padding:4px;border-radius:6px}.credit-icon svg{width:22px;height:22px}.credit-copy h2{font-size:14px;letter-spacing:0;margin-bottom:4px}.credit-copy p{font-size:10px;line-height:1.25}.credit-copy small{font-size:8px;margin-top:4px}.credit-link{grid-column:auto;font-size:9px;gap:1px;padding:6px 8px;border-radius:15px;margin-top:0;white-space:nowrap;align-self:center}.credit-link svg{width:10px;height:10px}.location-panel{gap:7px;margin-top:8px;padding:9px 7px;background:#f5f9fe;border-radius:9px;flex-wrap:nowrap}.location-icon{padding:5px;margin-top:0}.location-icon svg{width:21px;height:21px}.location-copy{flex:1;min-width:0}.location-copy h2{font-size:13px;margin-bottom:3px}.location-copy p{font-size:10px;line-height:1.25}.location-panel>a{font-size:10px;gap:3px;padding:7px 7px;background:white;border:1px solid #e0ecf8;box-shadow:0 2px 4px #1a558518;border-radius:15px;margin:0}.location-panel>a svg{width:12px;height:12px}.location-panel>a svg:last-child{width:8px;height:8px}.connect-row{padding:5px 4px 9px;gap:7px}.connect-row h2{font-size:8px;letter-spacing:.1px;margin-bottom:5px}.social-links{gap:6px}.social-links a{width:25px;height:25px}.social-links svg{width:17px;height:17px}.catalog-block a{padding:6px 12px;font-size:11px;gap:6px;border-radius:14px}.catalog-block svg{width:16px;height:16px}.share-panel{margin-top:10px;border-radius:9px;padding:12px 14px;gap:14px}.qr-icon svg{width:38px;height:38px}.share-panel strong{font-size:14px}.share-panel small{font-size:10px;margin-top:3px}.share-panel>svg{width:12px;height:12px}.install-button{padding:9px;font-size:11px;margin-top:10px;border-radius:8px}.install-button svg{width:15px;height:15px}.email-link{font-size:10px;margin-top:9px}.email-link svg{width:12px;height:12px}
@media(min-width:650px){.hero{padding-top:23px}.credit-panel{grid-template-columns:32px minmax(0,1fr) auto}}
@media(max-width:350px){.hero{padding:20px 20px 22px;min-height:160px}.brand{width:119px}.identity{gap:5px;margin-top:12px}.identity h1{font-size:15px}.identity p{font-size:12px}.identity em{font-size:10px}.avatar{width:60px;height:60px}.monogram{font-size:29px}.card-body{padding-inline:10px}.quick-actions{gap:4px}.quick-actions span{font-size:9px}.quick-actions .whatsapp span{font-size:10px}.quick-actions .whatsapp strong{font-size:12px}.category-grid{gap:6px}.category-label{padding:6px 5px}.category-label strong{font-size:10px}.category-label svg{display:none}.credit-panel{gap:6px;padding:11px 8px;grid-template-columns:27px minmax(0,1fr) auto}.credit-icon{height:28px;padding:3px}.credit-icon svg{width:21px;height:21px}.credit-copy h2{font-size:12px}.credit-copy p{font-size:9px}.credit-link{font-size:8px;padding:6px}.location-copy{flex:1}.location-copy h2{font-size:12px}.location-copy p{font-size:9px}.location-panel>a{font-size:9px;padding:6px}.connect-row h2{font-size:7px}.catalog-block a{font-size:10px}.share-panel strong{font-size:13px}}

/* Encabezado e iconos de la referencia, marca escrita como texto. */
.hero{min-height:184px;background-image:url('/assets/encabezado-curvo.webp');background-position:center center;clip-path:ellipse(138% 100% at 28% 0%);padding:23px 24px 23px;overflow:hidden}.hero:before{background:linear-gradient(100deg,#002a6099,#06448966 62%,#002b5855)}.hero:after{content:'';position:absolute;left:-15%;top:-142px;width:133%;height:218px;border-radius:0 0 62% 48%;background:linear-gradient(105deg,#002e70eb,#0764b7b8 60%,#39b8f678);border-bottom:1px solid #9bdcff80;z-index:-1;transform:rotate(-9deg)}.brand-text{display:block;width:auto;filter:none;mix-blend-mode:normal;font-size:32px;line-height:1.12;font-weight:800;font-style:italic;letter-spacing:-.8px;color:#fff;margin:0 0 22px;text-shadow:0 2px 3px #05275925}.identity{margin-top:0}.identity h1{font-size:18px}.identity em{border-top:0;position:relative;padding-top:6px;padding-left:36px}.identity em:before{content:'';position:absolute;left:0;top:12px;width:28px;height:3px;background:#08b4f4;border-radius:3px}.avatar{width:76px;height:76px;background:#002e65df;border:2px solid white;box-shadow:0 4px 12px #00235340}.monogram{font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:600;letter-spacing:-3px}.monogram i{height:8px;width:41px;border-bottom:3px solid #9cddf6;transform:rotate(-5deg)}.quick-actions{gap:6px}.quick-actions>a,.quick-actions>button{min-height:69px;border:1px solid #e0e9f3;background:linear-gradient(145deg,#fff,#f1f7ff);color:#053eac;box-shadow:0 3px 6px #143b6b16}.quick-actions svg{width:25px;height:25px}.quick-actions span{font-size:10px;font-weight:600}.quick-actions .whatsapp{border-color:#0abc58;background:linear-gradient(125deg,#04af4a,#2bd267);color:#fff}.quick-actions .whatsapp svg{width:27px;height:27px;stroke-width:2.2}.quick-actions .whatsapp strong{font-weight:600}
@media(max-width:350px){.hero{padding:20px 18px 20px;min-height:168px}.brand-text{font-size:28px;margin-bottom:18px}.identity h1{font-size:15px}.avatar{width:65px;height:65px}.monogram{font-size:31px}.identity em{font-size:9px;padding-left:29px}.identity em:before{width:23px;top:11px}.quick-actions svg{width:23px;height:23px}.quick-actions span{font-size:9px}}