*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--navy:#06283b;
    --aqua:#16aabd;--text:#263640;--muted:#68777d}body{margin:0;
        font:15px/1.7 "Arial",sans-serif;
        color:var(--text);overflow-x:hidden}nav,.container,main>.section>div,.safety>div,.join,footer{width:min(1160px,90%);
            margin:auto}nav{height:82px;display:flex;align-items:center;justify-content:space-between;
                background:var(--navy)}header{background:var(--navy)}.logo{color:#fff;
                    text-decoration:none;font-size:27px}.logo span{display:inline-block;
                        font-size:16px;letter-spacing:3px;font-weight:bold}.logo small{display:block;font-size:7px;
                            letter-spacing:3px;opacity:.7}#menu{display:flex;gap:25px}#menu a{color:#fff;text-decoration:none;font-size:12px;
                            font-weight:bold}#menuBtn{display:none}.hero{height:690px;background:linear-gradient(90deg,#031b2de6,#06394d88,#0002),url("https://images.unsplash.com/photo-1567899378494-47b22a2ae96a?auto=format&fit=crop&w=2000&q=90") center/cover;display:flex;align-items:center}.heroText{width:min(1160px,90%);margin:auto;color:#fff}.heroText>p,label{font-size:11px;letter-spacing:3px;font-weight:bold;color:#70d8e4}.hero h1{font:clamp(50px,7vw,82px)/1.1 "Georgia";margin:15px 0;text-shadow:0 2px 5px rgba(0,0,0,.32)}.hero em{color:#27bfd0}.actions{display:flex;gap:12px}.actions a,.button,button{background:var(--aqua);color:#fff;padding:15px 22px;text-decoration:none;border:0;font-weight:bold;font-size:11px}.actions .outline{background:transparent;border:1px solid #fff}.section{padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split img{width:100%;height:470px;object-fit:cover}.section h2,.safety h2{font:clamp(35px,4vw,53px)/1.15 Georgia;margin:10px 0 25px}.section h2 span{color:var(--aqua)}.section p{color:var(--muted)}ul{padding:0;list-style:none;line-height:2.3}.dark{background:var(--navy);color:#fff}.dark>div{width:min(1160px,90%);margin:auto}.center{text-align:center}.cards{display:grid!important;grid-template-columns:repeat(3,1fr);
                            gap:18px;margin-top:45px}.cards article{background:#0c3a53;padding:30px}.cards article:first-letter{font-size:25px}.cards p{color:#bdd0d6}.safety{padding:90px 0;background:#f1f6f7}.safetyGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.safetyGrid article{background:#fff;padding:25px}.safetyGrid b{font-size:30px;color:#8dd5df}
.gallery{display:grid!important;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:12px;margin-top:35px;overflow:hidden}
.gallery img{width:100%;height:100%;object-fit:cover;cursor:pointer}
.gallery img.visible:hover{transform:scale(1.2);z-index:10;position:relative}
.gallery .big{grid-column:span 2;grid-row:span 2}.gallery .wide{grid-column:span 2}.note{text-align:center;font-size:11px}

/* TESTIMONIOS: Expandido a pantalla completa y 2 por fila */
section.testimonials {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

.testimonials div.testimonials {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 35px;
}

.testimonials article {
    background: #fff;
    padding: 24px;
    box-shadow: 0 10px 30px #1232;
    color: #d9ad4f;
    width: 100%;
}

.testimonials p {
    font: 15px/1.6 Arial, sans-serif;
    color: var(--text);
}

.testimonials small, .testimonials b {
    display: block;
    color: var(--text);
}

.testimonials article.t-hidden{display:none!important}
.t-more{text-align:center;margin-top:28px}
.t-toggle{background:#06283b;border:0;color:#fff;font:bold 13px Arial,sans-serif;letter-spacing:1px;padding:14px 28px;cursor:pointer}
.t-toggle:hover{background:#087fa8}

.environment{padding:110px 5%;background:linear-gradient(#023044cc,#056f7fcc),url("https://images.unsplash.com/photo-1475924156734-496f6cac6ec1?auto=format&fit=crop&w=1800&q=85") center/cover;color:#fff;text-align:center}.environment>div{max-width:800px}.environment p{color:#d8e8ea}.join{background:#f1f7f8;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.join form{display:grid;gap:12px}.join input,.join select,.join textarea{width:100%;padding:14px;border:1px solid #d5e0e2;font:13px Arial}.join label{color:#68777d;letter-spacing:0;font-size:12px}.join button{cursor:pointer}.join #msg{color:#087fa8;font-size:12px}footer{width:100%;padding:55px 5%;background:#061d2d;color:#b8cbd2;display:grid;grid-template-columns:2fr 1fr;gap:40px}footer small{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:15px}@media(max-width:850px){#menuBtn{display:block;background:none;color:#fff;border:0;font-size:25px}#menu{display:none;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column;z-index:4}.split,.join{grid-template-columns:1fr}.cards,.safetyGrid{grid-template-columns:repeat(2,1fr)}.join{padding:30px}}@media(max-width:650px){.testimonials div.testimonials{grid-template-columns:1fr !important;}}@media(max-width:550px){.cards,.safetyGrid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr!important;grid-auto-rows:150px}.gallery .big,.gallery .wide{grid-column:span 2}.hero{height:620px}.hero h1{font-size:48px}}
/* Actividades */
.activities-section{background:#f6f9fa}
.activity-grid{width:min(1160px,90%);margin:38px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.activity-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px rgba(6,40,59,.09)}
.activity-card.visible:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(6,40,59,.15)}
.activity-card img{display:block;width:100%;height:235px;object-fit:cover}
.activity-content{padding:24px 26px 28px}
.activity-content h3{margin:0 0 10px;font:bold 24px/1.2 Georgia,serif;color:var(--navy)}
.activity-content p{margin:0;color:var(--muted)}
@media(max-width:850px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.activity-grid{grid-template-columns:1fr}.activity-card img{height:210px}}

/* Animación lenta desde la derecha */
.reveal {
    opacity: 0 !important;
    transform: translateX(120px) !important;
    transition: opacity 2s cubic-bezier(0.16, 1, 0.3, 1), transform 2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: opacity, transform;
}

.reveal.visible {
    opacity: 1 !important;
    transform: translateX(0) !important;
}
/* Botón fijo de retorno al inicio */
#backToTop{position:fixed;right:22px;bottom:22px;z-index:1000;width:48px;height:48px;padding:0;border-radius:50%;background:#06283b;color:#fff;font-size:26px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;cursor:pointer}
#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}
#msg.success{color:#087443}#msg.error{color:#a12b2b}
/* Las tarjetas no deben quedar invisibles si falla la animación de entrada. */
.activity-card{min-width:0}
@media(prefers-reduced-motion:reduce){.reveal{transition:none!important;transform:none!important}html{scroll-behavior:auto}}

/* Archivo historico AARD: tarjetas compartidas con archivo.php */
.archive-home{padding:75px 5%;background:#f1f6f7}.archive-home .archive-grid{width:min(1160px,100%);margin:30px auto}.archive-home-head{text-align:center}.archive-home-head h2{font:clamp(34px,4vw,48px) Georgia;color:#06283b}.archive-home-head p{color:#68777d}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.archive-card{border-radius:10px;overflow:hidden;background:white;box-shadow:0 8px 28px #06283b12;display:flex;flex-direction:column}.archive-card img{width:100%;height:210px;object-fit:cover;background:#edf3f4}.archive-card-body{padding:22px;display:flex;flex:1;flex-direction:column}.archive-meta{font-size:12px;color:#718087}.archive-card h2{font:24px/1.2 Georgia;margin:8px 0 12px;color:#06283b}.archive-cats{font-size:12px;color:#168899;margin-bottom:10px}.archive-card .archive-btn{display:inline-block;margin-top:auto;align-self:flex-start;padding:12px 18px;background:#16aabd;color:white;text-decoration:none;font-weight:bold;font-size:11px}.archive-home .archive-grid p{color:#586970}@media(max-width:850px){.archive-home .archive-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.archive-home .archive-grid,.archive-grid{grid-template-columns:1fr}.archive-card img{height:220px}}

/* Campo trampa anti-bots: permanece fuera de la vista y del flujo de teclado. */
.aard-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* SEGURIDAD: info extra + webcam y viento en directo */
.safetyGrid article.safeActive{border-top:3px solid var(--aqua)}
.safeHint{display:block;margin-top:10px;font-size:12px;font-weight:bold;color:var(--aqua)}
.safeInfo{font-size:13px;line-height:1.6;margin:10px 0 0}
.safeInfo strong{color:#06283b}
.safeMore{margin-top:10px;font-size:13px}
.safeMore summary{cursor:pointer;color:#087fa8;font-weight:bold}
.safeMore ul{margin:8px 0 0;padding-left:18px;color:var(--muted)}
.liveGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}
.liveCard{background:#06283b;color:#fff;overflow:hidden;display:flex;flex-direction:column}
.liveHead{padding:16px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.liveHead h3{margin:0;font:20px/1.2 Georgia;color:#fff}
.liveBadge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:bold;letter-spacing:2px;color:#ff8a8a}
.liveBadge i{width:9px;height:9px;border-radius:50%;background:#ff4d4d;animation:livePulse 1.4s infinite}
@keyframes livePulse{50%{opacity:.25}}
.liveBody{flex:1;min-height:340px;position:relative}
.liveBody iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.camBody{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:14px;background:linear-gradient(135deg,#0c3a53,#056f7f)}
.camBody p{color:#d8e8ea;margin:0}
.camIcon{font-size:54px;line-height:1}
.liveBtn{display:inline-block;background:#d9ad4f;color:#06283b;font-weight:bold;font-size:13px;letter-spacing:1px;padding:14px 26px;text-decoration:none}
.liveBtn:hover{background:#fff}
.liveLink{display:block;padding:12px 22px;color:#70d8e4;font-size:13px;font-weight:bold;text-decoration:none}
.liveLink:hover{color:#fff}
@media(max-width:850px){.liveGrid{grid-template-columns:1fr}.liveBody{min-height:300px}}

.camBody video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;opacity:0;pointer-events:none;transition:opacity .4s}
.camBody.live video{opacity:1;pointer-events:auto}

#directo{scroll-margin-top:20px}