
/* Activavida 2.9 — Layout correction, no audio changes */
.av26-apps-section{display:block!important;padding:24px 0 8px!important;background:#0b0d12!important}
.av26-apps-section>.container.av26-apps-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.av26-apps-section .av26-app-card{display:flex!important;align-items:center!important;gap:14px!important;min-height:88px!important;padding:18px!important;border:1px solid #303746!important;border-radius:16px!important;background:#171b24!important;color:#fff!important;text-decoration:none!important;box-sizing:border-box!important;white-space:normal!important;cursor:pointer!important;font:inherit!important}
.av26-apps-section .av26-app-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;background:linear-gradient(135deg,#f37023,#a42d1b)!important;border-radius:12px!important;font-size:21px!important;color:white!important}
.av26-apps-section .av26-app-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.av26-apps-section .av26-app-copy small{font-size:11px!important;color:#abb6c5!important;font-weight:700!important}
.av26-apps-section .av26-app-copy strong{font-size:15px!important;color:#fff!important;line-height:1.3!important}
.av26-apps-section .av26-app-arrow{margin-left:auto!important;color:#f37023!important}
.av28-ranking{padding:52px 0!important;scroll-margin-top:76px!important}
.av28-ranking>.container.av28-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:30px!important;align-items:start!important}
.av28-ranking .av28-main{min-width:0!important}
.av28-ranking .av28-main .av-top10-grid.av-top10-v3{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:10px!important;width:100%!important;margin-top:24px!important}
.av28-ranking .av28-main .av-top10-item{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:78px!important;padding:12px 15px!important;border:1px solid #343945!important;border-radius:14px!important;background:#191c25!important;box-sizing:border-box!important}
.av28-ranking .av28-main .av-top10-rank{min-width:42px!important;color:#f37023!important;font-size:21px!important}
.av28-ranking .av28-main .av-top10-cover-wrap,.av28-ranking .av28-main .av-top10-cover{width:52px!important;height:52px!important;flex:0 0 52px!important;object-fit:cover!important;border-radius:9px!important}
.av28-ranking .av28-main .av-top10-details{flex:1!important;min-width:0!important}
.av28-ranking .av28-main .av-top10-play{background:#f37023!important;color:#fff!important;border:0!important;border-radius:30px!important;padding:10px 14px!important;cursor:pointer!important}
.av28-ranking .av28-sidebar{display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0!important}
.av28-ranking .av28-side-card{display:block!important;box-sizing:border-box!important;width:100%!important;background:#191b23!important;border:1px solid #343945!important;border-radius:16px!important;padding:20px!important;color:#fff!important}
.av28-ranking .av28-side-card h3{color:#fff!important;margin:0 0 10px!important;font-size:17px!important}
.av28-ranking .av28-weather-value{color:#fff!important;font-size:27px!important;font-weight:800!important;margin:8px 0!important}
.av28-ranking .av28-weather-desc{color:#aab2c2!important;line-height:1.5!important}
.av28-ranking .av28-ad img{width:100%!important;height:auto!important;display:block!important;border-radius:12px!important}
.av28-ranking .av28-social .av27-social-icons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.av28-ranking .av28-social .av27-social-link{display:flex!important;align-items:center!important;justify-content:center!important;min-height:68px!important;background:#11131a!important;border:1px solid #343945!important;border-radius:13px!important;color:#fff!important;text-decoration:none!important;font-size:24px!important}
.av28-ranking .av28-social .av27-social-link:hover{background:#f37023!important}
/* Modo claro del ranking: se conserva el layout, se sustituyen solo superficies y textos. */
body.av-light .av28-ranking .av28-main .av-top10-item{background:rgba(255,255,255,.9)!important;border-color:#dfe5ed!important;box-shadow:0 8px 22px rgba(28,43,65,.055)!important}
body.av-light .av28-ranking .av28-main .av-top10-details strong{color:#1b2938!important}
body.av-light .av28-ranking .av28-main .av-top10-details small{color:#607084!important}
body.av-light .av28-ranking .av28-side-card{background:rgba(255,255,255,.92)!important;color:#19222e!important;border-color:#e0e3e9!important;box-shadow:0 8px 22px rgba(28,43,65,.055)!important}
body.av-light .av28-ranking .av28-social .av27-social-link{background:#f4f6fa!important;border-color:#e0e5ed!important;color:#1c2938!important}
body.av-light .av28-ranking .av28-social .av27-social-link:hover{background:#f37023!important;color:#fff!important}
body.av-light .av28-ranking .av28-side-card h3,body.av-light .av28-ranking .av28-weather-value{color:#19222e!important}
/* Clima: misma tarjeta glass existente; solo distribución interior en ambos modos. */
.av28-ranking .av28-weather-head{display:flex;align-items:center;gap:13px;min-width:0}
.av28-ranking .av28-weather-icon{flex:0 0 35px;font-size:27px;line-height:1;color:#f6a13a;text-align:center}
.av28-ranking .av28-weather-head-copy{min-width:0}
.av28-ranking .av28-weather-head-copy h3{margin:0!important;line-height:1.35!important}
.av28-ranking .av28-weather-inline-temp{font-weight:800}
.av28-ranking .av28-weather-condition{font-size:14px;margin:3px 0 0;color:#aab2c2}
.av28-ranking .av28-weather-details{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:15px;padding-top:12px;border-top:1px solid rgba(151,163,183,.24);font-size:12px;line-height:1.45;color:#aab2c2}
.av28-ranking .av28-weather-details>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.av28-ranking .av28-weather-details i{color:#f37023;font-size:12px}
.av28-ranking .av28-weather-high i{color:#5ca3ee}
.av28-ranking .av28-weather-low i{color:#8f92e9}
.av28-ranking .av28-weather-humidity i{color:#52b4e6}
body.av-light .av28-ranking .av28-weather-condition,body.av-light .av28-ranking .av28-weather-details{color:#617188}
body.av-light .av28-ranking .av28-weather-details{border-top-color:#e0e5ed}
body.av-light .av26-apps-section{background:#f7f8fa!important}
body.av-light .av26-apps-section .av26-app-card{background:#fff!important;color:#19222e!important;border-color:#e3e6ee!important;border-radius:18px!important;box-shadow:none;min-height:88px!important;padding:24px!important}
body.av-light .av26-apps-section .av26-app-copy strong{color:#19222e!important}
@media(max-width:900px){
 .av28-ranking>.container.av28-layout{grid-template-columns:minmax(0,1fr)!important}
 .av28-ranking .av28-sidebar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
}
@media(max-width:720px){
 .av28-ranking{padding:36px 0!important}
 .av26-apps-section>.container.av26-apps-grid{grid-template-columns:1fr!important}
 .av28-ranking .av28-sidebar{display:flex!important;flex-direction:column!important}
 .av28-ranking .av28-main .av-top10-play{padding:9px!important;font-size:12px!important}
}

.av30-banner-container{margin:24px auto}
/* Un único componente para todas las posiciones publicitarias; estilos compartidos. */
.av30-banner{width:100%;min-width:0;box-sizing:border-box;border:1px solid rgba(164,176,195,.22);border-radius:18px;padding:13px;background:rgba(26,30,40,.82);color:#f4f6fa;box-shadow:0 10px 28px rgba(0,0,0,.13);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);overflow:hidden;margin:0 0 14px}
.av30-banner img{max-width:100%;width:100%;height:auto;display:block;border-radius:12px;object-fit:contain}
.av30-banner a{display:block;max-width:100%;min-width:0}
.av30-ad-label{display:block;color:#aeb8c9;font-size:10px;letter-spacing:.1em;margin-bottom:10px}
.av28-sidebar .av30-banner{margin:0}
.av30-banner-top img,.av30-banner-horizontal img,.av30-banner-footer img{max-height:240px;object-fit:contain}
.av30-ad-code{max-width:100%;min-width:0;overflow:hidden}
.av30-ad-code iframe,.av30-ad-code video,.av30-ad-code embed{max-width:100%;border:0}
/* Modo claro: misma tarjeta glass que el ranking, sin marco oscuro. */
body.av-light .av30-banner{background:rgba(255,255,255,.90);color:#192332;border-color:#e0e5ed;box-shadow:0 8px 22px rgba(28,43,65,.055)}
body.av-light .av30-ad-label{color:#64748b}

/* 3.9.14: no reservar espacio para anuncios vacíos después de Contacto. */
.av31-contact ~ .av30-banner-container:empty {display:none!important;margin:0!important;padding:0!important;}

/* === av31-about.css (original order) === */
.av31-about,.av31-contact{scroll-margin-top:85px}.av31-about-grid{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr);gap:55px;align-items:center}.av31-about-brand{display:flex;align-items:center;justify-content:center;min-height:280px}.av31-about-brand img{display:block;width:100%;height:100%;max-width:100%;max-height:none;object-fit:cover;border-radius:inherit}.av31-about-copy h2,.av31-contact h2{font-size:clamp(30px,3vw,44px);margin:0 0 18px;color:var(--text-primary,#fff)}.av31-about-text{color:var(--text-secondary,#b7c1d0);line-height:1.85;font-size:16px}.av31-about-text p{margin:0 0 20px}.av31-contact .av31-muted{color:#aeb9c8;margin-bottom:22px}.av31-contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.av31-contact-card{background:#181c25;border:1px solid #303745;border-radius:18px;padding:26px;min-width:0}.av31-contact-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.av31-contact-facts>div{display:flex;gap:12px;align-items:center;min-width:0}.av31-contact-facts span:last-child{min-width:0}.av31-contact-facts small{display:block;color:#a8b1c1;font-size:11px;letter-spacing:.04em}.av31-contact-facts strong{display:block;color:#fff;font-size:14px;overflow-wrap:anywhere;margin-top:4px}.av31-contact-facts a{color:inherit;text-decoration:none}.av31-fact-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #303745;border-radius:50%;flex:0 0 37px}.av31-contact-social{border-top:1px solid #343945;margin-top:24px;padding-top:17px}.av31-contact-card h3{font-size:18px;color:#fff;margin:0 0 16px}.av31-contact-card textarea{display:block;width:100%;min-height:120px;box-sizing:border-box;border:1px solid #414858;border-radius:12px;background:#11141c;color:#fff;padding:15px;font:inherit;resize:vertical}.av31-send{margin-top:12px;width:100%;border:0;border-radius:10px;background:#20c962;color:#fff;font-weight:700;padding:14px;cursor:pointer}.av31-send:hover{background:#16b453}.av31-help{color:#f5a86d;font-size:12px}.av31-about-brand img{filter:none!important}@media(max-width:760px){.av31-about-grid,.av31-contact-grid{grid-template-columns:1fr;gap:20px}.av31-about-brand{min-height:140px}.av31-about-brand img{max-height:none}.av31-contact-facts{grid-template-columns:1fr}.av31-contact-card{padding:20px}}
/* 3.4: Contacto responsive y consistente en modo claro y oscuro */
.av31-contact .av31-contact-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.88fr)!important;gap:22px!important;align-items:stretch!important}
.av31-contact .av31-contact-card{border-radius:18px!important;box-sizing:border-box!important;min-width:0!important;padding:24px!important;display:flex!important;flex-direction:column!important}
.av31-contact .av31-contact-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.av31-contact .av31-contact-facts>div{min-width:0!important}
.av31-contact .av31-contact-social{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin-top:auto!important;padding-top:18px!important;border-top:1px solid #343945!important}
.av31-contact .av31-contact-social .av27-social-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:45px!important;height:42px!important;min-width:45px!important;min-height:42px!important;max-width:45px!important;max-height:42px!important;padding:0!important;margin:0!important;border:1px solid #343945!important;border-radius:12px!important;background:#202633!important;color:#fff!important;text-decoration:none!important;box-sizing:border-box!important;line-height:1!important;font-size:19px!important}
.av31-contact .av31-contact-social .av27-social-link i{font-size:19px!important;line-height:1!important;display:inline-block!important;width:auto!important}
.av31-contact .av31-contact-social .av27-social-link:hover{background:#ed5b26!important;color:#fff!important}
.av31-contact .av31-contact-card h3{margin:0 0 14px!important}
.av31-contact .av31-contact-card textarea{min-height:130px!important;flex:1!important}
.av31-contact .av31-contact-card .av31-send{margin-top:12px!important}
body.av-light .av31-contact{background:#f7f8fa!important;color:#171e2a!important}
body.av-light .av31-contact h2,body.av-light .av31-contact h3{color:#171e2a!important}
body.av-light .av31-contact .av31-muted{color:#687386!important}
body.av-light .av31-contact .av31-contact-card{background:#fff!important;border-color:#dde1e8!important}
body.av-light .av31-contact .av31-contact-facts strong,body.av-light .av31-contact .av31-contact-facts a{color:#1a2432!important}
body.av-light .av31-contact .av31-contact-facts small{color:#667489!important}
body.av-light .av31-contact .av31-fact-icon{background:#f7f8fb!important;border-color:#e0e5ed!important}
body.av-light .av31-contact .av31-contact-social{border-color:#e0e5ed!important}
body.av-light .av31-contact .av31-contact-social .av27-social-link{background:#f4f5f8!important;color:#19212c!important;border-color:#e0e4eb!important}
body.av-light .av31-contact .av31-contact-social .av27-social-link:hover{background:#ed5b26!important;color:#fff!important}
body.av-light .av31-contact .av31-contact-card textarea{background:#f6f7f9!important;border-color:#dde1e8!important;color:#1a2432!important}
body.av-light .av31-contact .av31-contact-card textarea::placeholder{color:#7d8795!important}
@media(max-width:760px){
 .av31-contact .av31-contact-grid{grid-template-columns:minmax(0,1fr)!important}
 .av31-contact .av31-contact-facts{}
}
@media(max-width:490px){
 .av31-contact .av31-contact-facts{grid-template-columns:minmax(0,1fr)!important}
 .av31-contact .av31-contact-card{padding:18px!important}
}

/* 3.5: Botones de redes en Contacto: exactamente compactos, sin estiramiento */
.av31-contact .av31-contact-card .av31-contact-social.av27-footer-social{
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 justify-content:flex-start!important;align-items:center!important;align-content:flex-start!important;
 gap:10px!important;margin-top:20px!important;padding-top:16px!important;
}
.av31-contact .av31-contact-card .av31-contact-social.av27-footer-social > a.av27-social-link{
 display:inline-flex!important;flex:0 0 44px!important;
 width:44px!important;min-width:44px!important;max-width:44px!important;
 height:42px!important;min-height:42px!important;max-height:42px!important;
 padding:0!important;margin:0!important;
 align-self:flex-start!important;justify-self:start!important;
 box-sizing:border-box!important;
}
.av31-contact .av31-contact-card .av31-contact-social.av27-footer-social > a.av27-social-link > i{font-size:18px!important}

/* Marco de la foto de Nosotros: una sola fuente de estilos, sin marco interior. */
.av31-about .av31-about-brand {
  width: min(100%, 310px);
  min-height: 0;
  aspect-ratio: 1 / 1;
  margin-inline: auto;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(158,169,189,.25);
  border-radius: 24px;
  background: #181c25;
  box-shadow: 0 16px 30px rgba(0,0,0,.22);
  transition: transform .3s ease, box-shadow .3s ease;
}
.av31-about .av31-about-brand img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  border-radius: inherit;
}
@media (hover:hover) and (pointer:fine) {
  .av31-about .av31-about-brand:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 38px rgba(0,0,0,.3);
  }
  body.av-light .av31-about .av31-about-brand:hover {
    box-shadow: 0 20px 34px rgba(20,28,44,.2);
  }
}
@media (prefers-reduced-motion:reduce) {
  .av31-about .av31-about-brand { transition: none; }
}
body.av-light .av31-about .av31-about-brand {
  background: #fff;
  border-color: #e0e3e9;
  box-shadow: 0 14px 25px rgba(20,28,44,.13);
}
@media (max-width:760px) {
  .av31-about .av31-about-brand { width: min(100%,260px); }
}

