.h099{--h099-navy:#071630;--h099-blue:#203fa7;--h099-cyan:#00adee;--h099-ink:#10182b;--h099-muted:#5a6880;--h099-line:#d6e4f4;padding:96px 0;background:linear-gradient(180deg,#f7fbff 0,#edf5ff 100%);color:var(--h099-ink)}
.h099 *{box-sizing:border-box}.h099__shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.h099__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:64px;align-items:end;margin-bottom:34px}.h099__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 15px;color:var(--h099-blue);font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.h099__eyebrow span{width:34px;height:3px;border-radius:99px;background:var(--h099-cyan)}.h099__heading h2{margin:0;font-size:clamp(2.15rem,4vw,3.9rem);font-weight:850;letter-spacing:-.045em;line-height:1.03;text-wrap:balance}.h099__heading>p{margin:0;color:var(--h099-muted);font-size:1.05rem;line-height:1.7}.h099__tabs{display:inline-flex;gap:6px;margin-bottom:22px;padding:6px;border:1px solid var(--h099-line);border-radius:999px;background:#fff;box-shadow:0 12px 34px rgba(18,61,130,.08)}.h099__tabs button{min-width:130px;min-height:46px;padding:10px 22px;border:0;border-radius:999px;background:transparent;color:var(--h099-muted);font:inherit;font-size:.9rem;font-weight:850;cursor:pointer}.h099__tabs button[aria-selected=true]{background:var(--h099-blue);color:#fff;box-shadow:0 8px 22px rgba(32,63,167,.25)}.h099__view{padding:28px;border:1px solid var(--h099-line);border-radius:32px;background:#fff;box-shadow:0 28px 76px rgba(17,58,126,.12)}.h099__view[hidden]{display:none}.h099__view-intro{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:38px;align-items:end;padding:8px 8px 24px}.h099__view-intro>p{grid-column:1;margin:0 0 -28px;color:var(--h099-blue);font-size:.74rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.h099__view-intro h3{grid-column:1;margin:0;font-size:clamp(1.6rem,2.5vw,2.45rem);font-weight:850;letter-spacing:-.035em;line-height:1.06}.h099__view-intro>span{grid-column:2;grid-row:1/3;color:var(--h099-muted);font-size:.98rem;line-height:1.65}.h099__stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(315px,.72fr);gap:18px}.h099__map{position:relative;min-width:0;overflow:hidden;border:1px solid #dfeaf7;border-radius:24px;background:#f8fbff;isolation:isolate}.h099__map::after{content:"";position:absolute;inset:auto 0 0;height:24%;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(4,24,65,.09),transparent)}.h099__map>img{display:block;width:100%;height:100%;min-height:510px;object-fit:cover}.h099__marker{position:absolute;left:var(--marker-x);top:var(--marker-y);z-index:3;display:grid;place-items:center;width:46px;height:46px;padding:0;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.95);border-radius:50%;background:rgba(32,63,167,.9);box-shadow:0 0 0 8px rgba(0,173,238,.16),0 12px 30px rgba(4,24,65,.34);color:#fff;font:inherit;font-size:.9rem;font-weight:900;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.h099__marker:hover,.h099__marker.is-active{transform:translate(-50%,-50%) scale(1.12);background:var(--h099-cyan);box-shadow:0 0 0 10px rgba(0,173,238,.2),0 15px 32px rgba(4,24,65,.32)}.h099__details{min-width:0}.h099__detail{display:flex;min-height:100%;flex-direction:column;padding:32px;border-radius:24px;background:linear-gradient(150deg,#081a3b,#123d82);color:#fff}.h099__detail[hidden]{display:none}.h099__detail-copy{display:flex;flex:1;flex-direction:column}.h099__detail small{color:#84dcff;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.h099__detail h4{margin:10px 0 13px;color:#fff;font-size:1.55rem;font-weight:850;letter-spacing:-.025em}.h099__detail p{margin:0;color:rgba(255,255,255,.74);font-size:.94rem;line-height:1.65}.h099__detail a{align-self:flex-start;margin-top:auto;padding-top:22px;color:#fff;font-size:.88rem;font-weight:850;text-decoration:none}.h099__detail a span{color:var(--h099-cyan)}.h099__detail>img{align-self:center;width:min(220px,80%);height:190px;margin-top:26px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.28))}.h099__index{display:flex;gap:8px;overflow-x:auto;padding:18px 2px 2px;scrollbar-width:thin}.h099__index button{display:flex;flex:0 0 auto;align-items:center;gap:9px;min-height:44px;padding:8px 14px 8px 8px;border:1px solid var(--h099-line);border-radius:999px;background:#fff;color:var(--h099-muted);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.h099__index button span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9f3ff;color:var(--h099-blue);font-weight:900}.h099__index button.is-active{border-color:#83d7f8;background:#eef9ff;color:var(--h099-blue)}.h099__index button.is-active span{background:var(--h099-blue);color:#fff}.h099__note{margin:16px 4px 0;color:#70809a;font-size:.78rem;line-height:1.5}.h099 button:focus-visible,.h099 a:focus-visible{outline:3px solid var(--h099-cyan);outline-offset:4px}
@media(max-width:980px){.h099__heading{grid-template-columns:1fr;gap:18px}.h099__view-intro{grid-template-columns:1fr;gap:10px}.h099__view-intro>p{margin:0;grid-column:auto}.h099__view-intro h3{grid-column:auto}.h099__view-intro>span{grid-column:auto;grid-row:auto}.h099__stage{grid-template-columns:1fr}.h099__map>img{min-height:auto;aspect-ratio:3/2}.h099__detail{display:grid;grid-template-columns:1fr 210px;min-height:320px;gap:24px}.h099__detail>img{grid-column:2;grid-row:1;width:100%;height:250px;margin:0}.h099__detail-copy{grid-column:1;grid-row:1}.h099__detail a{margin-top:auto}}
@media(max-width:620px){.h099{padding:68px 0}.h099__shell{width:min(100% - 28px,1180px)}.h099__heading{margin-bottom:25px}.h099__heading h2{font-size:2.15rem}.h099__heading>p{font-size:.95rem}.h099__tabs{display:flex;width:100%;padding:5px}.h099__tabs button{flex:1;min-width:0}.h099__view{padding:10px;border-radius:24px}.h099__view-intro{padding:14px 10px 20px}.h099__view-intro h3{font-size:1.75rem}.h099__stage{gap:10px}.h099__map{border-radius:18px}.h099__marker{width:42px;height:42px;box-shadow:0 0 0 6px rgba(0,173,238,.18),0 8px 20px rgba(4,24,65,.3)}.h099__detail{display:flex;min-height:390px;padding:25px 22px;border-radius:18px}.h099__detail>img{order:-1;width:min(180px,68%);height:150px;margin:0 auto 20px}.h099__detail h4{font-size:1.38rem}.h099__detail a{margin-top:20px}.h099__index{padding:12px 0 2px}.h099__note{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.h099 *{scroll-behavior:auto!important;transition:none!important}}

/* Fotografías de producto y estados interactivos v2. */
.h099__tabs button,.h099__index button,.h099__detail a{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.h099__detail{overflow:hidden}
.h099__detail>img{width:min(245px,86%);height:205px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,247,255,.94));filter:drop-shadow(0 18px 24px rgba(0,0,0,.24));transition:transform .24s ease,box-shadow .24s ease}
.h099__detail a span{display:inline-block;transition:transform .2s ease}
@media(hover:hover){
  .h099__tabs button:not([aria-selected=true]):hover{background:#edf7ff;color:var(--h099-blue)}
  .h099__index button:hover{transform:translateY(-2px);border-color:#83d7f8;color:var(--h099-blue);box-shadow:0 8px 18px rgba(18,61,130,.09)}
  .h099__detail a:hover{color:#85e3ff}
  .h099__detail a:hover span{transform:translateX(4px)}
  .h099__detail:hover>img{transform:translateY(-3px) scale(1.025);box-shadow:0 18px 34px rgba(0,0,0,.18)}
}
@media(max-width:980px){.h099__detail>img{height:240px}}
@media(max-width:620px){.h099__detail>img{width:min(210px,76%);height:175px;padding:9px;border-radius:17px}}