:root{--verde:#828423;--naranja:#ff9600;--negro:#030303;--gris:#f2f1ef;--texto:#666}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff}.hero img{width:100%;display:block;height:auto}.menu{background:var(--verde);border-top:2px solid #111;border-bottom:2px solid #111;position:sticky;top:0;z-index:10}.menu .wrap{max-width:1100px;margin:auto;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.menu a{color:white;text-decoration:none;font-weight:700;text-transform:uppercase;padding:18px 14px;font-size:14px}.menu a:hover,.menu a.activo{background:rgba(0,0,0,.18)}section{padding:55px 24px}.black{background:#000}.light{background:var(--gris);color:#777}.green{background:var(--verde)}.container{max-width:1060px;margin:auto}.center{text-align:center}h1,h2{margin:0 0 12px;color:var(--verde);font-size:36px;line-height:1.05;font-weight:900}h3{color:#666;font-size:28px;margin:0 0 22px}.sub{font-size:18px;font-weight:700;color:var(--verde);margin:0 auto 30px}.orange{color:var(--naranja)}p{line-height:1.35}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--naranja);color:white;text-decoration:none;border-radius:8px;padding:15px 28px;font-weight:800;border:0}.btn:hover{filter:brightness(.95)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:white;color:#777;border-radius:7px;padding:28px;box-shadow:0 4px 16px rgba(0,0,0,.35)}.card h3,.card h4{color:var(--verde)}.card h4{font-size:24px;margin:0 0 16px}.badge{background:var(--verde);color:#fff;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:700;margin-right:5px}.stat{background:#f8f7f5;color:#111;border-radius:7px;padding:22px;text-align:center}.stat b{display:block;color:var(--naranja);font-size:28px;margin-bottom:8px}.distance-card h3,.price-card h3{color:var(--naranja);font-size:30px}.info-list{padding-left:0;list-style:none}.info-list li{margin:9px 0}.info-list li:before{content:'☑';color:var(--naranja);margin-right:9px}.small{font-size:14px}.muted{color:#999}.section-title{margin-bottom:35px}.photo-grid{max-width:820px;margin:35px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.photo-grid img,.photo-placeholder{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--naranja);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#000;font-size:34px}.footer{background:var(--verde);padding:60px 24px;color:#fff}.footer a{color:#fff;text-decoration:none}.footer-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px}.footer h3{font-size:22px;color:#fff;margin:0 0 12px}.footer p{margin:5px 0}.icon{font-size:30px;margin-right:10px}.contact-card{text-align:center}.contact-card .bigicon{font-size:42px;background:#ffe0ae;color:var(--naranja);padding:18px;border-radius:7px;display:inline-block;margin-bottom:18px}.hero-title{background:#000;text-align:center;padding:52px 24px 28px}.hero-title h1{font-size:40px}.split{display:grid;grid-template-columns:70px 1fr;gap:24px;align-items:flex-start}.square-icon{background:#ffe0ae;color:var(--naranja);border-radius:7px;font-size:34px;width:70px;height:70px;display:grid;place-items:center}.sponsor-logo{background:#fff;color:var(--verde);border-radius:6px;padding:38px 20px;text-align:center;font-size:28px;font-weight:900}.sponsor-logo.big{max-width:380px;margin:0 auto 55px}.sponsor-row{display:grid;grid-template-columns:repeat(2,1fr);gap:70px;max-width:720px;margin:0 auto 70px}.sponsor-small{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.faq .card{margin-bottom:28px}.faq h3{margin-bottom:4px}.whatsapp-float{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:28px;z-index:20;box-shadow:0 4px 12px #0008}@media (max-width:800px){.menu .wrap{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.menu a{white-space:nowrap;font-size:12px;padding:14px 10px}section{padding:42px 16px}h1,h2{font-size:34px}.grid-2,.grid-3,.grid-4,.footer-grid,.sponsor-row,.sponsor-small{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr);gap:14px}.card{padding:22px}.footer{text-align:left}.split{grid-template-columns:1fr}.square-icon{margin:auto}.hero-title h1{font-size:38px}}@media(max-width:480px){.photo-grid{grid-template-columns:1fr}.hero-title{padding:36px 15px 22px}.btn{width:100%;justify-content:center}.stat b{font-size:24px}}


/* Ajustes solicitados */
body.white-mode{background:#fff;color:#777}
.white-mode .black{background:#fff;color:#777}
.white-mode .black p{color:#777}
.white-mode .black .card p{color:#777}
.distance-card{position:relative;text-align:left}
.distance-card .tree-icon{position:absolute;right:24px;top:24px;width:48px;height:48px;object-fit:contain}
.icon-row{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;margin:14px 0;text-align:left}
.icon-row img{width:22px;height:22px;object-fit:contain;margin-top:2px}
.icon-row .label{color:#777;font-size:14px;display:block;margin-bottom:2px}
.icon-row b{color:#111;font-size:14px}.feature-icon{width:46px;height:46px;object-fit:contain;display:block;margin-bottom:14px}.btn-icon{width:22px;height:22px;object-fit:contain}.footer-icon{width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-right:8px}.footer h3{display:flex;align-items:center}.footer p img.footer-icon{width:22px;height:22px}.whatsapp-float{display:none!important}.circuit-card h3{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.circuit-card .details{margin:24px 0}.circuit-card .features{margin-top:22px;color:#777}.circuit-card .features b{color:#111}.white-mode .sub{color:var(--verde)}
@media(max-width:800px){.distance-card .tree-icon{width:40px;height:40px;right:18px;top:18px}.feature-icon{margin-left:auto;margin-right:auto}.card{text-align:left}}


/* Ajustes finales solicitados */
.green p{color:#fff}
.feature-card-soft{background:rgb(244,242,239)}
.footer-grid{text-align:center}
.footer h3{justify-content:center}
@media (max-width:800px){h1,h2{font-size:30px}.hero-title h1{font-size:34px}.footer{text-align:center}.footer h3{justify-content:center}}


/* Modificaciones finales: fondos blancos, tarjetas, iconos y footer común */
.white-mode .black{background:#fff;color:#777}
.white-mode .black h1,.white-mode .black h2{color:var(--verde)}
.price-card{position:relative;text-align:left;padding-top:68px}
.price-card .price-label{position:absolute;top:0;left:0;background:var(--naranja);color:#fff;font-size:28px;font-weight:900;border-radius:7px;padding:16px 58px 16px 24px;line-height:1}
.price-card .regular{margin:0 0 6px;color:#777;font-weight:700}
.price-card h3{margin:12px 0 0;color:var(--naranja);font-size:30px;line-height:1.05}
.price-card b{display:block;color:#111;font-size:14px;margin:0 0 18px;line-height:1.2}
.image-icon{background:transparent!important;padding:0;overflow:hidden}
.image-icon img{width:70px;height:70px;object-fit:contain;display:block}
.rule-card{text-align:left}
.rule-card h3{text-align:left;margin-top:0}
.rule-card ul{text-align:left}
.footer-grid{text-align:left!important;align-items:start}
.footer h3{justify-content:flex-start!important;margin:0 0 2px!important;line-height:1.15;text-align:left}
.footer p{margin:0!important;line-height:1.25;text-align:left}
.footer .footer-icon{flex:0 0 auto}
.footer p .footer-icon{width:22px;height:22px;margin-right:8px;vertical-align:middle}
.footer a{vertical-align:middle}
@media (max-width:800px){.footer{text-align:left!important}.footer h3{justify-content:flex-start!important}.footer-grid{text-align:left!important}.price-card .price-label{font-size:24px}}


/* Ajustes v4 */
.hero{height:300px;overflow:hidden;background:#111}
.hero img{width:100%;height:100%;object-fit:cover;object-position:center 58%;display:block}
.menu{position:sticky;top:0;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,.18)}
@media(max-width:800px){.hero{height:210px}.hero img{object-position:center 60%}}
@media(max-width:480px){.hero{height:170px}}

/* Index: iconos de ventajas al lado del texto */
.index-features .card{display:grid;grid-template-columns:58px 1fr;column-gap:16px;align-items:start;text-align:left}
.index-features .feature-icon{grid-row:1 / span 2;margin:0;width:46px;height:46px}
.index-features h4{margin-top:4px;margin-bottom:6px}
.index-features p{grid-column:2;margin-top:0}
@media(max-width:600px){.index-features .card{grid-template-columns:50px 1fr}.index-features .feature-icon{width:42px;height:42px}}

/* Inscripciones: precios más chicos y proceso en bloque horizontal */
.price-card h3{font-size:24px!important;margin-top:10px!important}
.price-card b{font-size:13px!important;margin-bottom:14px!important}
.process-grid > div{display:grid;grid-template-columns:82px 1fr;column-gap:18px;align-items:center;text-align:left;margin-bottom:20px}
.process-grid .square-icon{margin:0!important}
.process-grid h3{margin:0 0 6px;font-size:24px;line-height:1.1;text-align:left}
.process-grid p{margin:0;text-align:left}
@media(max-width:700px){.process-grid > div{grid-template-columns:66px 1fr}.process-grid .square-icon,.process-grid .image-icon img{width:58px;height:58px}.process-grid h3{font-size:21px}}

/* Reglamento: iconos más chicos */
.rule-card .square-icon{width:54px;height:54px}
.rule-card .image-icon img{width:48px;height:48px}
.rule-card{grid-template-columns:54px 1fr!important}
@media(max-width:800px){.rule-card{grid-template-columns:1fr!important}.rule-card .square-icon{margin:0 0 12px!important}}

/* Sponsors */
.sponsor-logo{box-shadow:0 5px 18px rgba(0,0,0,.24);min-height:100px;display:grid;place-items:center}
.sponsor-small .sponsor-logo{min-height:95px}
.sponsor-plans .card{text-align:left!important}
.sponsor-plans .card h3{text-align:left!important}
.sponsor-plans .info-list{text-align:left!important}

/* Contacto: cuadrados de iconos naranja pleno */
.contact-card .bigicon{background:var(--naranja)!important;width:86px;height:86px;border-radius:14px;display:inline-grid!important;place-items:center;padding:0!important}
.contact-card .bigicon .feature-icon{margin:0!important;width:48px;height:48px;filter:brightness(0) invert(1)}

/* Footer consistente */
.footer-grid{text-align:left!important;align-items:start!important}.footer h3{justify-content:flex-start!important;margin:0 0 2px!important}.footer p{margin:0!important;line-height:1.25!important}

/* Ajustes v5 */
.hero{position:relative;height:230px!important;overflow:hidden}
.hero img:not(.hero-logo){width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.hero-logo{position:absolute;left:8%;bottom:18px;width:125px;max-width:42vw;height:auto;z-index:2;display:block}
@media(max-width:800px){.hero{height:175px!important}.hero-logo{width:95px;bottom:12px;left:6%;max-width:50vw}}
@media(max-width:480px){.hero{height:145px!important}.hero-logo{width:78px;bottom:10px;left:5%;max-width:58vw}}

/* Inscripciones: textos alineados con títulos */
.process-grid > div{align-items:start!important}
.process-grid p{grid-column:2!important;text-align:left!important;margin:0!important}
.process-grid h3{grid-column:2!important;text-align:left!important}
.process-grid .square-icon{grid-row:1 / span 2!important;align-self:start!important}

/* Reglamento: logos centrados con cada título */
.rule-card{align-items:start!important}
.rule-card .square-icon{align-self:start!important;margin-top:-6px!important}
.rule-card h3{line-height:1.1!important;margin-top:0!important;margin-bottom:14px!important}
@media(max-width:800px){.rule-card .square-icon{margin-top:0!important}}

/* Contacto: iconos naranja un poco más chicos */
.contact-card .bigicon{width:70px!important;height:70px!important;border-radius:13px!important}
.contact-card .bigicon .feature-icon{width:34px!important;height:34px!important}

/* Sponsors: reforzar tarjetas */
.sponsor-logo{background:#fff!important;border-radius:7px!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important}

/* Ajustes v6 */
/* Header: logo independiente de la foto */
.hero{position:relative!important;}
.hero > img:first-child{display:block!important;}
.hero-logo{position:absolute!important;z-index:5!important;pointer-events:none!important;}

/* Circuitos: características con el mismo tamaño que las etiquetas de datos */
.circuit-card .features,
.circuit-card .features b{
  font-size:14px!important;
  line-height:1.35!important;
}
.circuit-card .features b{color:#111!important;}

/* Inscripciones: eliminar renglón entre título y descripción en pasos */
.process-grid h3{margin-bottom:0!important;}
.process-grid p{margin-top:0!important;}
.process-grid > div{row-gap:0!important;}

/* Reglamento: iconos centrados respecto de cada título */
.rule-card .square-icon{margin-top:0!important;align-self:start!important;}
.rule-card h3{min-height:54px!important;display:flex!important;align-items:center!important;margin:0 0 14px!important;}
@media(max-width:800px){.rule-card h3{min-height:auto!important;}.rule-card .square-icon{margin-bottom:10px!important;}}

.logo-overlay img{width:50% !important; max-width:125px !important; height:auto;}
