:root{--navy:#102d46;--blue:#0877aa;--teal:#16b6c5;--ink:#18334a;--muted:#587080;--light:#eef7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:var(--blue)}.wrap{width:min(1100px,92%);margin:auto}header{background:#fff;box-shadow:0 2px 16px #102d4617;position:relative;z-index:2}.head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand strong{font-size:25px;letter-spacing:2px;display:block;line-height:1.1}.brand small{font-size:10px;letter-spacing:2px;display:block}.mark{background:linear-gradient(145deg,var(--teal),var(--blue),var(--navy));color:white;font-size:25px;font-weight:bold;padding:9px 12px;border-radius:13px}nav{display:flex;flex-wrap:wrap;gap:16px}nav a{text-decoration:none;font-size:14px;font-weight:bold;color:var(--navy)}nav a:hover{color:var(--blue)}.hero{background:linear-gradient(115deg,#09283f 0%,#125078 75%,#0b879a 100%);color:white;padding:90px 0}.hero .wrap{max-width:1100px}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.13;max-width:750px;margin:12px 0 20px}.hero p{font-size:19px;max-width:690px;color:#e5f6fa}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:bold;color:#7de1e9}.btn{display:inline-block;background:var(--teal);color:#082b43;text-decoration:none;border:0;border-radius:8px;padding:12px 22px;font-weight:bold;margin:8px 9px 8px 0;cursor:pointer}.btn.alt{background:transparent;border:1px solid #a4e7ec;color:white}section{padding:64px 0}h2{font-size:clamp(27px,3vw,38px);line-height:1.25;margin:0 0 15px}h3{margin:0 0 10px;font-size:21px}.sub{color:var(--muted);margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border:1px solid #d8e7ed;border-radius:14px;padding:23px;background:white;box-shadow:0 7px 22px #0b34470b}.card p{color:var(--muted)}.card a{font-weight:bold;text-decoration:none}.glyph{display:inline-grid;place-items:center;width:43px;height:43px;background:#e3f7f8;color:#07859a;border-radius:11px;font-size:24px;margin-bottom:16px}.soft{background:var(--light)}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.info{background:white;padding:30px;border-radius:14px;box-shadow:0 12px 30px #09283f10}.info li{margin-bottom:12px}.cta{text-align:center;background:var(--navy);color:white;border-radius:20px;padding:50px 25px}.cta p{color:#dceef3}footer{background:#071e30;color:#e2eef3;padding:40px 0;font-size:14px}footer p{max-width:850px}.crumb{color:var(--muted);font-size:14px}.note{background:#e8f6fa;padding:18px;border-radius:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}input,select,textarea{width:100%;padding:12px;border:1px solid #cbdce5;border-radius:7px;font:inherit}.status{color:var(--muted);font-size:14px}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.head{flex-direction:column;align-items:flex-start}.split{grid-template-columns:1fr}.hero{padding:60px 0}}@media(max-width:540px){.cards,.form-grid{grid-template-columns:1fr}.hero{padding:48px 0}nav{gap:11px}nav a{font-size:12px}section{padding:42px 0}}

.photo-hero{background-position:center;background-size:cover}.card-photo{width:calc(100% + 46px);height:145px;object-fit:cover;display:block;margin:-23px -23px 20px;border-radius:14px 14px 0 0}.privacy-check{display:flex;gap:8px;align-items:flex-start;margin:16px 0}.privacy-check input{width:auto;margin-top:5px}.legal{max-width:850px}.legal h2{font-size:24px;margin-top:30px}footer a{color:#8de6ef}nav{flex-wrap:wrap}
/* Logotipo aprobado de FORTIUS */
.brand-logo{display:block;width:240px;max-width:100%;height:auto;object-fit:contain}
.brand{flex-shrink:0}
@media(max-width:540px){.brand-logo{width:205px}}

/* Campañas, promociones y aliados FORTIUS */
.campaign-hero{background:linear-gradient(115deg,#071c3c,#0b2d5b 58%,#0077b6);padding:38px 0 12px;color:#fff}
.campaign-stage{display:grid;grid-template-columns:1fr 0.9fr;min-height:385px;border-radius:22px;overflow:hidden;background:linear-gradient(125deg,#103967,#006eaa);box-shadow:0 16px 44px #00132c55}
.campaign-copy{padding:55px 45px;align-self:center}.campaign-eyebrow{color:#8af0f5;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.campaign-copy h1{font-size:clamp(31px,4vw,55px);line-height:1.12;color:white;margin:15px 0}.campaign-copy p{font-size:18px;line-height:1.6;color:#edf7ff;max-width:530px}.campaign-action{margin-top:13px;display:inline-block}
.campaign-visual{background:linear-gradient(140deg,#0b2d5b66,#0077b644),url('images/vida.jpg') center/cover;display:flex;align-items:end;padding:24px}.campaign-visual-text{background:#08254bc7;color:#fff;padding:13px 18px;border-radius:12px;font-size:14px;font-weight:700}.campaign-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:13px}.campaign-controls>button{border:1px solid #ffffff88;background:#ffffff18;color:#fff;border-radius:50%;height:36px;width:36px;cursor:pointer;font-size:26px}.campaign-controls>button:hover{background:#ffffff44}#campaign-dots{display:flex;gap:9px}#campaign-dots button{border:0;border-radius:50%;height:11px;width:11px;background:#ffffff65;cursor:pointer;padding:0}#campaign-dots button[aria-current="true"]{background:#00cde1;outline:2px solid #fff}
.quick-intro{padding:13px 0;background:#e8eef4;color:#0b2d5b}.quick-intro p{margin:0}.promotions-section{background:#f3f8fc}.section-head{display:flex;justify-content:space-between}.promotion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.promotion-card{background:white;border:1px solid #dceaf3;border-radius:17px;padding:22px;box-shadow:0 5px 20px #0b2d5b10}.promotion-card h3{margin:6px 0;color:#0b2d5b}.promotion-card .promo-provider{color:#0077b6;font-size:13px;font-weight:800;text-transform:uppercase}.promotion-card .promo-dates{color:#576b80;font-size:12px}.promotion-card a{display:inline-block;margin-top:8px;color:#0077b6;font-weight:700}.fineprint{font-size:12px;color:#66788a;margin-top:18px}.allies-section{background:#fff}.allies-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}.allies-grid span{background:#f4f8fc;border:1px solid #dbe6ef;border-radius:13px;min-height:72px;padding:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#0b2d5b;font-weight:800;font-size:17px}.allies-grid small{font-size:10px;font-weight:500;color:#64748b;margin-top:4px}
@media(max-width:750px){.campaign-hero{padding-top:15px}.campaign-stage{grid-template-columns:1fr}.campaign-copy{padding:30px 24px}.campaign-copy p{font-size:16px}.campaign-visual{min-height:190px}.promotion-grid{grid-template-columns:1fr}.allies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* FORTIUS: edición colorida y banners independientes */
.campaign-hero{background:linear-gradient(115deg,#082849,#075b91 52%,#08a9bc)}
.campaign-stage{transition:background .35s ease;background:linear-gradient(125deg,#064a7a,#008fa7)}
.campaign-stage[data-slide="0"]{background:linear-gradient(125deg,#073a65 0%,#048b94 75%,#25bba7 100%)}
.campaign-stage[data-slide="1"]{background:linear-gradient(125deg,#283b76 0%,#8b4c92 65%,#cc7297 100%)}
.campaign-stage[data-slide="2"]{background:linear-gradient(125deg,#173a68 0%,#765c91 57%,#c79b48 100%)}
.campaign-stage[data-slide="3"]{background:linear-gradient(125deg,#073c71 0%,#0877b6 65%,#e1a43a 100%)}
.campaign-action{background:#ffd47a;color:#14344d;box-shadow:0 5px 15px #0002}
.campaign-stage[data-slide="1"] .campaign-action{background:#ffb5c9}
.campaign-stage[data-slide="2"] .campaign-action{background:#ffda83}
.campaign-stage[data-slide="3"] .campaign-action{background:#77e2e7}
.campaign-visual{background-position:center!important;background-size:cover!important}
.cards .card:nth-child(4n+1){border-top:5px solid #00a8b5}
.cards .card:nth-child(4n+2){border-top:5px solid #cf72a1}
.cards .card:nth-child(4n+3){border-top:5px solid #e6ad4b}
.cards .card:nth-child(4n+4){border-top:5px solid #7c80c5}
.cards .card:nth-child(4n+2) .glyph{background:#fce9f3;color:#b75085}
.cards .card:nth-child(4n+3) .glyph{background:#fff1d9;color:#ac751a}
.cards .card:nth-child(4n+4) .glyph{background:#eeebff;color:#6655a3}
.promotions-section{background:linear-gradient(135deg,#fff6e9,#effafd 65%,#f9f0fa)}
.allies-grid span:nth-child(4n+1){border-bottom:3px solid #16b6c5}
.allies-grid span:nth-child(4n+2){border-bottom:3px solid #d6a04a}
.allies-grid span:nth-child(4n+3){border-bottom:3px solid #b47fbc}
.allies-grid span:nth-child(4n+4){border-bottom:3px solid #5687d5}

/* FORTIUS: banner compacto y franja multicolor — 24 octubre 2026 */
.campaign-hero{padding:15px 0 0;background:#0b2d5b;position:relative}
.campaign-stage{min-height:215px;grid-template-columns:1fr 0.95fr;border-radius:16px;box-shadow:0 8px 24px #00132c33}
.campaign-copy{padding:20px 32px}
.campaign-copy h1{font-size:clamp(25px,2.9vw,37px);line-height:1.12;margin:9px 0}
.campaign-copy p{font-size:14px;line-height:1.4;margin:7px 0}
.campaign-eyebrow{font-size:10px}
.campaign-action{margin-top:9px;padding:10px 16px;font-size:13px}
.campaign-visual{min-height:215px;padding:12px}
.campaign-visual-text{font-size:11px;padding:8px 11px}
.campaign-controls{padding:8px}
.campaign-controls>button{width:29px;height:29px}
.campaign-hero::after{content:"";display:block;height:13px;margin-top:5px;background:linear-gradient(90deg,#00cde1 0%,#00cde1 25%,#d4af37 25%,#d4af37 45%,#f5a873 45%,#f5a873 65%,#b681bc 65%,#b681bc 82%,#0077b6 82%,#0077b6 100%)}
.quick-intro{border-bottom:3px solid #d4af37}
@media(max-width:750px){.campaign-stage{grid-template-columns:1fr;min-height:0}.campaign-copy{padding:20px 22px}.campaign-copy h1{font-size:clamp(25px,6vw,32px)}.campaign-visual{min-height:145px}.campaign-hero::after{height:9px}}

/* Acceso permanente a WhatsApp — FORTIUS */
.fort-wa-float{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;align-items:center;gap:9px;background:#25D366!important;color:#fff!important;border-radius:40px;padding:12px 18px;box-shadow:0 8px 26px #102d2260;text-decoration:none!important;font:700 15px Arial,sans-serif;transition:transform .2s,box-shadow .2s}.fort-wa-float:hover{transform:translateY(-3px);box-shadow:0 12px 30px #102d2280}.fort-wa-float svg{width:27px;height:27px;flex:none}.fort-whatsapp{background:#25D366!important;color:#fff!important}.fort-wa-float:focus-visible{outline:3px solid #0b2d5b;outline-offset:3px}@media(max-width:600px){.fort-wa-float{right:12px;bottom:12px;padding:11px 14px;font-size:13px}.fort-wa-float svg{width:25px;height:25px}}
/* Campañas de vigencia limitada */
.fort-limited-promos{max-width:1360px;margin:22px auto 10px;padding:0 20px}.fort-limited-promos h2{text-align:center;font-size:clamp(22px,2.4vw,32px);margin:0 0 8px;color:#0b2d5b}.fort-limited-promos .intro{text-align:center;color:#526579;margin:0 0 20px}.fort-limited-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fort-limited-card{background:#fff;border:1px solid #dbe6ee;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px #0b2d5b12;display:flex;flex-direction:column}.fort-limited-card .promo-top{padding:16px 16px 13px;background:linear-gradient(125deg,#0b2d5b,#0077b6);color:white}.fort-limited-card .promo-top strong{display:block;font-size:18px}.fort-limited-card .promo-top b{display:block;font-size:24px;margin-top:7px}.fort-limited-card .promo-body{padding:15px;display:flex;flex-direction:column;gap:10px;flex:1}.fort-limited-card p{font-size:13px;line-height:1.5;margin:0;color:#34485b}.fort-limited-card small{font-size:11px;color:#607184;line-height:1.4}.fort-limited-card a{margin-top:auto;display:inline-block;text-align:center;background:#25D366;color:white;text-decoration:none;padding:11px;border-radius:9px;font-size:13px;font-weight:700}.fort-limited-note{text-align:center;font-size:11px;color:#607184;margin:15px 0 0}@media(max-width:980px){.fort-limited-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.fort-limited-grid{grid-template-columns:1fr}}

a[href*="wa.me"].btn,a[href*="wa.me"].button{background:#25D366;color:#fff}

/* Contacto: foto institucional, sin alterar otras secciones */
.contact-handshake-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:10px;margin:0 0 22px}
@media (max-width:850px){.contact-handshake-photo{max-height:400px;object-position:center 48%}}
