/* MAFARED · Fase 6.2 | Galería de planta, microinteracciones y cotización múltiple */
:root{--f62-azul:#0877c9;--f62-profundo:#052c50;--f62-luz:#93d9ff;}
.f62-eyebrow{display:inline-flex;align-items:center;gap:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;font-size:.73rem;color:#0e79ba;}
.f62-reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.2,1);}
.f62-reveal.f62-visible{opacity:1;transform:translateY(0);}
.f62-busquedas{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0 20px;color:#5a7186;font-size:.8rem;font-weight:650;}
.f62-busquedas button{border:1px solid #d1e4f3;background:#eef7fe;color:#0665a8;border-radius:40px;padding:8px 13px;font:inherit;font-weight:750;cursor:pointer;transition:.25s;}
.f62-busquedas button:hover{background:#097bca;color:white;transform:translateY(-2px);}
.f62-cotizacion-leyenda{display:flex;gap:10px;align-items:center;color:#42718e;font-weight:690;font-size:.88rem;margin:22px 4px 10px;}
.f62-cotizacion-leyenda i{color:#0877c9;}
.tarjeta-producto{transition:transform .35s cubic-bezier(.2,.75,.15,1),box-shadow .35s ease,border-color .35s ease;}
@media(hover:hover){.tarjeta-producto:hover{transform:translateY(-7px);box-shadow:0 25px 45px rgba(4,54,91,.13)!important;border-color:#b4dff5;}.tarjeta-producto:hover .imagen-producto img{transform:scale(1.045);}}
.tarjeta-producto .imagen-producto img{transition:transform .6s cubic-bezier(.15,.75,.2,1);}
.f62-anadir{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:43px;margin-top:10px;border:1.5px solid #b4d8f3;color:#0969b3;background:#f0f8ff;border-radius:12px;padding:9px;font-size:.82rem;font-weight:850;cursor:pointer;transition:transform .25s,background .25s,color .25s;}
.f62-anadir:hover{transform:translateY(-2px);background:#dff1ff;}
.f62-anadir[aria-pressed=true]{background:#e4f8ec;color:#147348;border-color:#98dec0;}
.f62-lista-dock{position:fixed;z-index:1200;left:18px;bottom:22px;}
.f62-lista-dock[hidden]{display:none;}
.f62-lista-dock button{display:flex;gap:12px;align-items:center;border:1px solid #6cc3ef;border-radius:18px;background:#043b70;color:#fff;padding:15px 18px;box-shadow:0 14px 32px rgba(0,39,76,.26);font-weight:850;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;}
.f62-lista-dock button:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(0,39,76,.3);}
.f62-lista-dock strong{display:grid;place-items:center;min-width:25px;height:25px;background:#21cb96;color:#042e39;border-radius:50%;}
.f62-lista-dialog{width:min(560px,calc(100% - 24px));max-height:min(85vh,800px);margin:auto;border:1px solid #d3e5f4;border-radius:24px;padding:0;background:white;box-shadow:0 30px 80px rgba(0,24,48,.28);color:#103c60;z-index:1500;}
.f62-lista-dialog::backdrop{background:rgba(1,22,44,.68);backdrop-filter:blur(6px);}
.f62-lista-header{padding:28px 30px 16px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start;}
.f62-lista-header h2{font-size:clamp(1.4rem,4vw,2rem);line-height:1.2;margin:9px 0;}
.f62-lista-header p{color:#667e8e;font-size:.9rem;margin:0;}
.f62-close{border:0;background:#eaf4fb;border-radius:50%;height:36px;width:36px;color:#0b517e;font-size:1.6rem;cursor:pointer;flex:none;}
.f62-lista-items{padding:10px 30px 18px;max-height:44vh;overflow:auto;}
.f62-lista-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e9f1f8;}
.f62-lista-item img{width:60px;height:66px;object-fit:contain;background:#e9f5ff;border-radius:10px;}
.f62-lista-item-copy{flex:1;min-width:0;font-weight:780;font-size:.86rem;line-height:1.5;}
.f62-lista-item label{display:block;color:#60798d;font-size:.73rem;margin-top:6px;}
.f62-lista-item input{width:70px;padding:7px 5px;margin-left:6px;border:1px solid #cadae7;border-radius:8px;}
.f62-lista-quitar{border:0;background:none;color:#b24949;font-size:.73rem;cursor:pointer;text-decoration:underline;}
.f62-lista-footer{display:flex;gap:12px;align-items:center;padding:19px 30px 28px;flex-wrap:wrap;border-top:1px solid #e7f0f8;}
.f62-lista-vaciar{border:1px solid #c5d7e5;border-radius:10px;background:white;color:#376687;padding:12px 15px;font-weight:730;cursor:pointer;}
.f62-enviar-lista{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1;border-radius:11px;background:#0877c9;color:white!important;padding:13px 16px;text-align:center;font-weight:850;text-decoration:none!important;}
.f62-enviar-lista[aria-disabled=true]{pointer-events:none;opacity:.5;}
.f62-galeria-flechas{position:absolute;z-index:3;left:10px;right:10px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;}
.f62-galeria-flechas button{width:42px;height:42px;border-radius:50%;border:1px solid #b8d6e9;background:rgba(255,255,255,.96);box-shadow:0 5px 15px rgba(0,30,70,.13);color:#0969b3;cursor:pointer;pointer-events:auto;}
.f62-galeria-flechas button:disabled{opacity:0;pointer-events:none;}
.f62-galeria-flechas[hidden]{display:none!important;}
/* NOSOTROS: fotogalería editorial con profundidad y movimiento medido */
.f62-planta{position:relative;isolation:isolate;background:linear-gradient(145deg,#06213c,#074476 52%,#062746);color:#fff;padding:106px 0 95px;overflow:hidden;}
.f62-planta-orbe{position:absolute;z-index:-1;width:650px;height:650px;border-radius:50%;right:-230px;top:-220px;background:radial-gradient(circle,#1b8dce50,transparent 65%);filter:blur(7px);pointer-events:none;}
.f62-planta-contenedor{width:min(1320px,calc(100% - 44px));margin:auto;}
.f62-planta-top{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:40px;margin-bottom:46px;}
.f62-planta .f62-eyebrow{color:#83d6ff;}
.f62-planta h2{font-size:clamp(2.5rem,5.7vw,5rem);line-height:1.04;letter-spacing:-.048em;margin:18px 0 0;color:#fff;}
.f62-planta h2 em,.f62-teaser-copy h2 em{color:#81d5ff;font-style:normal;}
.f62-planta-intro p{font-size:1.03rem;line-height:1.85;color:#c5dfef;margin:0 0 20px;}
.f62-planta-intro a{color:#a6e5ff;text-decoration:none;font-weight:820;border-bottom:1px solid #65bde7;padding-bottom:7px;}
.f62-planta-fotos{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:205px;gap:14px;}
.f62-planta-tile{position:relative;display:block;grid-column:span 2;overflow:hidden;border:1px solid #4d89b0;border-radius:19px;background:#123d61;cursor:zoom-in;padding:0;text-align:left;}
.f62-planta-tile.f62-planta-wide{grid-column:span 3;grid-row:span 2;}
.f62-planta-tile:nth-child(3){grid-column:span 3;grid-row:span 2;}
.f62-planta-tile:nth-child(4){grid-column:span 3;}
.f62-planta-tile:nth-child(5){grid-column:span 3;}
.f62-planta-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.13,.77,.2,1),filter .6s ease;filter:saturate(.9);}
.f62-planta-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,18,37,.8),transparent 48%);pointer-events:none;}
.f62-planta-tile:hover img{transform:scale(1.075);filter:saturate(1.1);}
.f62-tile-label{position:absolute;z-index:1;bottom:18px;left:20px;right:20px;display:flex;align-items:center;gap:9px;color:white;font-size:1rem;font-weight:810;}
.f62-tile-label i{margin-left:auto;opacity:.8;}
.f62-tile-dot{display:block;width:8px;height:8px;border-radius:50%;background:#63d6ff;box-shadow:0 0 15px #32c6ff;}
.f62-planta-cta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:35px;}
.f62-planta-cta>span{color:#aacfe7;font-size:.85rem;letter-spacing:.03em;}
.f62-planta-cta a{color:#062746!important;background:#97ddff;text-decoration:none!important;padding:14px 20px;border-radius:13px;font-weight:850;display:inline-flex;align-items:center;gap:10px;transition:transform .22s,background .22s;}
.f62-planta-cta a:hover{transform:translateY(-3px);background:#fff;}
.f62-planta-dialog{position:fixed;margin:auto;padding:20px;background:#071a2b;border:1px solid #5891ae;border-radius:20px;color:white;width:min(1000px,calc(100% - 20px));max-height:92vh;z-index:1400;overflow:visible;}
.f62-planta-dialog::backdrop{background:rgba(0,10,23,.88);backdrop-filter:blur(8px);}
.f62-planta-dialog figure{margin:0;display:grid;justify-items:center;gap:10px;}
.f62-planta-dialog figure img{width:100%;height:min(72vh,720px);object-fit:contain;}
.f62-planta-dialog figcaption{color:#d6eaff;font-weight:790;}
.f62-planta-dialog button{position:absolute;width:45px;height:45px;display:grid;place-items:center;border:1px solid #89b1cb;background:#fff;color:#0b4876;border-radius:50%;cursor:pointer;z-index:2;font-size:1.7rem;}
.f62-planta-dialog-close{top:-17px;right:-14px;}
.f62-planta-dialog-prev,.f62-planta-dialog-next{top:50%;transform:translateY(-50%);}
.f62-planta-dialog-prev{left:-17px;}.f62-planta-dialog-next{right:-17px;}
/* INICIO: teaser del recorrido por planta */
.f62-planta-teaser{padding:110px 0;background:#f2f9fe;}
.f62-teaser-inner{width:min(1310px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:min(7vw,90px);align-items:center;}
.f62-teaser-visual{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 28px 70px rgba(1,62,111,.17);}
.f62-teaser-visual img{display:block;width:100%;aspect-ratio:1.38;object-fit:cover;transition:transform 1s;}
.f62-teaser-visual:hover img{transform:scale(1.07);}
.f62-teaser-flag{position:absolute;bottom:20px;left:20px;padding:12px 17px;color:#fff;background:#075286ed;border:1px solid #b3e1f580;border-radius:13px;letter-spacing:.08em;font-size:.75rem;font-weight:900;}
.f62-teaser-copy h2{font-size:clamp(2rem,4.6vw,4.3rem);line-height:1.08;color:#063965;letter-spacing:-.04em;margin:18px 0;}
.f62-teaser-copy h2 em{color:#087bc2;}
.f62-teaser-copy p{font-size:1.05rem;line-height:1.85;color:#53738b;}
.f62-teaser-link{display:inline-flex;gap:15px;align-items:center;margin-top:17px;padding:15px 21px;background:#0877c9;color:white!important;border-radius:13px;font-weight:830;text-decoration:none!important;transition:transform .24s,box-shadow .24s;}
.f62-teaser-link:hover{transform:translateY(-4px);box-shadow:0 12px 24px #065d9f35;}
@media(min-width:1024px){.f62-planta-tile:nth-child(1){transition-delay:.06s}.f62-planta-tile:nth-child(2){transition-delay:.14s}.f62-planta-tile:nth-child(3){transition-delay:.22s}.f62-planta-tile:nth-child(4){transition-delay:.3s}.f62-planta-tile:nth-child(5){transition-delay:.38s}}
@media(max-width:760px){.f62-planta{padding:75px 0 65px;}.f62-planta-top{grid-template-columns:1fr;gap:17px;}.f62-planta-fotos{grid-template-columns:1fr 1fr;grid-auto-rows:180px;gap:10px;}.f62-planta-tile,.f62-planta-tile.f62-planta-wide,.f62-planta-tile:nth-child(3),.f62-planta-tile:nth-child(4),.f62-planta-tile:nth-child(5){grid-column:span 1;grid-row:span 1;}.f62-planta-tile:nth-child(1){grid-column:span 2;grid-row:span 2;}.f62-planta-tile:nth-child(3){grid-column:span 2;}.f62-tile-label{font-size:.76rem;bottom:11px;left:12px;right:11px;}.f62-planta-cta{flex-direction:column;align-items:flex-start;}.f62-planta-cta a{width:100%;justify-content:center;text-align:center;}.f62-teaser-inner{grid-template-columns:1fr;gap:30px;}.f62-planta-teaser{padding:68px 0;}.f62-lista-dock{left:12px;bottom:12px;}.f62-lista-dock button{padding:12px 13px;}.f62-lista-dialog{max-height:90vh;}.f62-lista-header,.f62-lista-items{padding-left:18px;padding-right:18px;}.f62-lista-footer{padding-left:18px;padding-right:18px;flex-direction:column;align-items:stretch;}.f62-lista-vaciar,.f62-enviar-lista{width:100%;}.f62-planta-dialog-prev{left:5px;}.f62-planta-dialog-next{right:5px;}.f62-planta-dialog-close{right:3px;top:3px;}}
@media(prefers-reduced-motion:reduce){.f62-reveal{opacity:1!important;transform:none!important;transition:none!important;}.f62-planta-tile img,.f62-teaser-visual img,.tarjeta-producto,.tarjeta-producto .imagen-producto img,.f62-teaser-link,.f62-planta-cta a{animation:none!important;transition:none!important;}}

/* Navegación por vistas de envases personalizados en Servicios */
.s44-dialog .f62-servicio-anterior,.s44-dialog .f62-servicio-siguiente{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid #cce2ef;border-radius:50%;background:#fff;color:#096bb3;font-size:2rem;cursor:pointer;box-shadow:0 7px 18px #00376830;}
.s44-dialog .f62-servicio-anterior{left:9px;}.s44-dialog .f62-servicio-siguiente{right:9px;}
.s44-dialog button[hidden]{display:none;}

.f62-planta-dialog figure img{touch-action:pan-y;}
.f62-anadir-modal[hidden]{display:none;}