/* ══════════════════════════════════════════════════════════════════════
   InvierteEnVenezuela — RESPONSIVE (tablet y móvil)  ·  v2.5.0
   ──────────────────────────────────────────────────────────────────────
   POR QUÉ UN ARCHIVO PROPIO
   Las correcciones móviles estaban repartidas entre style.css, bloques
   <style> dentro de las plantillas y CSS inline de functions.php, con
   reglas que se pisaban entre sí. Aquí queda TODO el ajuste responsive
   en un único sitio, ordenado por componente.

   REGLAS DE ESTE ARCHIVO
   1. Escritorio (≥1024px) NO se toca: toda regla va dentro de
      @media (max-width:1023px) o más estrecho. La única regla global es
      la variable --iev-header-h (80px = valor original) y
      prefers-reduced-motion.
   2. Se carga DESPUÉS de style.css y del CSS inline de wp_head (ver
      iev_responsive_print() en functions.php), así gana por orden de
      cascada. No se usa ningún !important.
   3. Las páginas con <style> embebido en el cuerpo (Mi Cuenta, Proyectos,
      Privacidad, Términos) se cargan más tarde que este archivo; para
      ellas se usa el prefijo "body " (especificidad +1) en lugar de
      !important. Es deliberado, no un parche.
   4. Breakpoints: 1023 (tablet) · 767 (teléfono) · 639 · 479 · 359.
      Probado mentalmente contra 320, 375, 390, 430 y 768/820/1024.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 0. Variable de altura del header (valor de escritorio intacto) ── */
:root{--iev-header-h:80px}

@media (prefers-reduced-motion:reduce){
  .iev-hero-badge,.iev-hero-title,.iev-hero-subtitle,.iev-hero-actions,
  .iev-hero-stats,.ivv-hero-pillars,.iev-cta,.iev-progress-fill::after,
  .ivv-wa-btn,.ivv-whatsapp-fab{animation:none}
  html{scroll-behavior:auto}
  .iev-reveal{opacity:1;transform:none;transition:none}
}

/* ══════════════════════════════════════════════════════════════════════
   1. TABLET Y MÓVIL  (≤1023px)
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:1023px){

  :root{--iev-header-h:64px}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--iev-header-h)}
  img,svg,video,iframe{max-width:100%}
  h1,h2,h3,h4,p,li,a{overflow-wrap:break-word}

  /* ── Header ───────────────────────────────────────────────────── */
  .iev-header,.iev-header-inner{height:var(--iev-header-h)}
  .iev-header-inner{gap:.75rem}
  .iev-logo{gap:.5rem;min-width:0}
  .iev-logo-icon{width:38px;height:38px;font-size:1rem;flex-shrink:0}
  .iev-logo-text{font-size:1rem;white-space:nowrap;min-width:0}
  .iev-header-buttons{margin-left:auto;gap:.5rem}
  .iev-header .iev-btn{white-space:nowrap}
  .iev-header .iev-btn-sm{min-height:40px;padding:.5rem .875rem}
  .iev-mobile-menu-toggle{width:44px;height:44px;flex-shrink:0}

  /* ── Menú móvil desplegable ───────────────────────────────────── */
  .iev-mobile-nav{
    top:var(--iev-header-h);
    padding:.5rem 1.25rem 1.25rem;
    gap:0;
    max-height:calc(100vh - var(--iev-header-h));
    max-height:calc(100dvh - var(--iev-header-h));
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .iev-mobile-nav>a{display:flex;align-items:center;min-height:48px;padding:.5rem .25rem;border-radius:0}
  .iev-mobile-nav>a[aria-current="page"]{color:var(--iev-gold)}
  .iev-mobile-buttons{display:flex;flex-direction:column;gap:.625rem;margin-top:1rem}
  /* .iev-mobile-nav a (0,1,1) pisaba color/borde de los botones: texto oscuro
     sobre fondo verde oscuro. Se restauran aquí. */
  .iev-mobile-nav .iev-btn{width:100%;min-height:48px;padding:.75rem 1rem;border:2px solid transparent;border-radius:var(--iev-radius)}
  .iev-mobile-nav .iev-btn-primary,.iev-mobile-nav .iev-btn-primary:hover{color:#fff}
  .iev-mobile-nav .iev-btn-gold,.iev-mobile-nav .iev-btn-gold:hover{color:var(--iev-primary)}

  /* ── Hero ─────────────────────────────────────────────────────── */
  .iev-hero{min-height:100vh;min-height:100svh;padding-top:var(--iev-header-h);padding-bottom:2rem}
  .iev-hero-content{padding:2.25rem 0 1.5rem}
  .iev-hero-actions{margin-bottom:2.5rem}
  .iev-hero-stats{padding-top:1.75rem}

  /* ── Secciones ────────────────────────────────────────────────── */
  .iev-section-header{margin-bottom:2.5rem}
  .iev-section-header.space{flex-direction:column;align-items:flex-start;gap:1.25rem}

  /* ── Rejillas (tablet) ────────────────────────────────────────── */
  .iev-grid{gap:1.5rem}

  /* ── Archivo de proyectos ─────────────────────────────────────── */
  .iev-archive{padding-top:var(--iev-header-h)}
  .iev-archive-header{padding:3rem 0;margin-bottom:2rem}

  /* ── Ficha de proyecto ────────────────────────────────────────── */
  .iev-single-wrap{padding-top:var(--iev-header-h)}
  .iev-single-hero{height:auto;min-height:clamp(340px,55vh,480px);display:flex;align-items:flex-end}
  .iev-single-hero>img{position:absolute;inset:0}
  .iev-single-hero-info{position:relative;bottom:auto;width:100%;padding:5rem 0 1.75rem}
  .iev-single-content{padding:2.5rem 0 4rem}
  .iev-single-grid{gap:2rem}
  .iev-single-grid>*{min-width:0}
  .iev-single-grid img,.iev-single-grid iframe,.iev-single-grid video{max-width:100%;height:auto}
  .iev-single-grid table{display:block;max-width:100%;overflow-x:auto}
  .iev-single-grid pre{overflow-x:auto}
  .iev-invest-card{position:static}

  /* ── Footer ───────────────────────────────────────────────────── */
  .iev-footer{padding:3.5rem 0 1.5rem}
  .iev-footer-grid{gap:2rem;padding-bottom:2rem;margin-bottom:1.5rem}
  .iev-footer-grid>div:first-child{grid-column:1/-1}

  /* ── Páginas con <style> embebido (prefijo "body ", ver cabecera) ─ */
  body .iev-legal-page{padding-top:var(--iev-header-h,80px)}
  body .iev-legal-container{padding-top:2rem}
  body .iev-section-body{overflow-wrap:break-word}
  body .ivv-proj-page{padding:calc(var(--iev-header-h,80px) + 1.5rem) 1.25rem 3rem}

  /* ── Secciones IVV del home (tablet) ──────────────────────────── */
  .ivv-diaspora-section{padding:4rem 0}
  .ivv-pitch-sectors{padding-top:0}

  /* ── Entradas táctiles: sin "hover pegado" ────────────────────── */
  @media (hover:none){
    .iev-card:hover,.ivv-thesis-card:hover,.iev-category-card:hover .iev-cat-icon{transform:none}
    .iev-project-card:hover .iev-project-image img{transform:none}
    .iev-btn:hover,.iev-btn-gold:hover,.ivv-btn-gold-lg:hover{transform:none}
  }
}

/* Si se agranda la ventana con el menú abierto, que no quede colgado */
@media (min-width:1024px){
  .iev-mobile-nav,.iev-mobile-nav.open{display:none}
}

/* ══════════════════════════════════════════════════════════════════════
   2. TABLET ESTRECHO / TELÉFONO GRANDE  (640–1023px)
   ══════════════════════════════════════════════════════════════════════ */
@media (min-width:640px) and (max-width:1023px){
  .iev-grid-3,.iev-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iev-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .iev-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .ivv-proj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ══════════════════════════════════════════════════════════════════════
   3. TELÉFONOS  (≤767px)
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:767px){

  .iev-container{padding-left:1.25rem;padding-right:1.25rem}

  /* ── Botones ──────────────────────────────────────────────────── */
  .iev-btn:not(.iev-btn-sm){white-space:normal;text-align:center;line-height:1.3}
  .iev-btn-lg{padding:.9rem 1.25rem;font-size:.9375rem}
  .iev-btn,.ivv-btn-gold-lg{min-height:44px}

  /* ── Hero ─────────────────────────────────────────────────────── */
  .iev-hero::after{background:linear-gradient(180deg,rgba(6,39,26,.9) 0%,rgba(6,39,26,.8) 55%,rgba(6,39,26,.92) 100%)}
  .iev-hero-badge{font-size:.7rem;letter-spacing:.04em;line-height:1.4;padding:.4rem .875rem;border-radius:14px;margin-bottom:1.25rem}
  .iev-hero-title{font-size:clamp(1.875rem,9vw,2.5rem);line-height:1.15;margin-bottom:1rem}
  .iev-hero-subtitle{font-size:1rem;line-height:1.65;margin-bottom:1.75rem}
  .iev-hero-actions{flex-direction:column;gap:.75rem;margin-bottom:2.25rem}
  .iev-hero-actions .iev-btn{width:100%}
  .iev-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
  .iev-hero-stat-value{font-size:clamp(1.05rem,5.4vw,1.5rem);line-height:1.15;overflow-wrap:anywhere}
  .iev-hero-stat-label{font-size:.7rem;line-height:1.35}
  .ivv-hero-pillars{gap:.5rem;margin-top:1.25rem}
  .ivv-hero-pillar{white-space:normal;font-size:.74rem;padding:.35rem .75rem;line-height:1.35}
  .ivv-min-invest-banner{padding:.75rem 1rem;margin:1.25rem 0}

  /* ── Secciones y títulos ──────────────────────────────────────── */
  .iev-section{padding:3.5rem 0}
  .iev-section-sm{padding:2.5rem 0}
  .iev-section-header{margin-bottom:2rem}
  .iev-section-title{font-size:clamp(1.625rem,7.4vw,2rem)}
  .iev-section-subtitle{font-size:1rem}
  .iev-section-header.space .iev-btn{width:100%}

  /* ── Rejillas ─────────────────────────────────────────────────── */
  .iev-grid{gap:1.25rem}
  .iev-grid-2,.iev-grid-3,.iev-grid-4{grid-template-columns:minmax(0,1fr)}
  .iev-grid-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}

  /* ── Tarjetas de categoría (2 columnas) ───────────────────────── */
  .iev-category-card{padding:1.375rem .875rem}
  .iev-cat-icon{width:52px;height:52px;margin-bottom:1rem}
  .iev-cat-icon svg{width:26px;height:26px}
  .iev-cat-name{font-size:.9rem}
  .iev-cat-desc{font-size:.75rem}
  .iev-cat-count{font-size:.7rem}

  /* ── Tarjetas de proyecto ─────────────────────────────────────── */
  .iev-project-badges{top:.75rem;left:.75rem;right:.75rem;gap:.5rem}
  .iev-badge-cat,.iev-badge-featured{font-size:.66rem;padding:.28rem .65rem}
  /* La insignia "ALTA DEMANDA" se superponía a "Destacado" (ambas arriba a la derecha) */
  .ivv-hot-badge{top:auto;bottom:.75rem;right:auto;left:.75rem}
  .iev-project-title{font-size:1rem}
  .iev-metric-value.roi{font-size:1.25rem}
  .iev-project-footer{flex-wrap:wrap;gap:.5rem}

  /* ── Beneficios / tesis / pasos / testimonios ─────────────────── */
  .iev-benefit{padding:1.5rem}
  .iev-benefit-icon{width:48px;height:48px;margin-bottom:1rem}
  .iev-benefit-title{font-size:1.0625rem}
  .ivv-thesis-card{padding:1.5rem 1.25rem}
  .iev-step{gap:1rem;padding:1.25rem;margin-bottom:1rem;align-items:flex-start}
  .iev-step-num{width:44px;height:44px;font-size:1rem}
  .iev-step:not(:last-child)::after{left:calc(1.25rem + 21px);bottom:-1rem;height:1rem}
  .iev-testimonial{padding:1.5rem}
  .iev-partners{padding:2rem 0}
  .iev-partners-logos{gap:1.25rem 2rem}

  /* ── CTA ──────────────────────────────────────────────────────── */
  .iev-cta{padding:3.5rem 0}
  .iev-cta-title{margin-bottom:1rem}
  .iev-cta-text{font-size:1rem;margin-bottom:1.75rem}

  .ivv-btn-gold-lg{width:100%;justify-content:center;white-space:normal;text-align:center}

  /* ── Diáspora ─────────────────────────────────────────────────── */
  .ivv-diaspora-section{padding:3rem 0}
  .ivv-diaspora-inner{gap:2rem}
  .ivv-diaspora-tag{font-size:.74rem;padding:.28rem .7rem}
  .ivv-map-card{padding:1.25rem;max-width:none}
  .ivv-map-stat{padding:.75rem 0}
  .ivv-map-num{font-size:1.875rem}

  /* ── Postula tu proyecto ──────────────────────────────────────── */
  .ivv-pitch-inner{gap:2rem}
  .ivv-pitch-req{align-items:flex-start;font-size:.875rem}
  .ivv-pitch-check{margin-top:.1rem}
  .ivv-pitch-sectors>p{flex:0 0 100%}
  .ivv-pitch-sector-tag{font-size:.78rem;padding:.4rem .8rem}

  /* ── Newsletter ───────────────────────────────────────────────── */
  .ivv-newsletter-wrap{padding:1.5rem 1.25rem;margin-top:2rem}

  /* ── Filtros del archivo ──────────────────────────────────────── */
  .iev-archive-header{padding:2.25rem 0;margin-bottom:1.5rem}
  .iev-archive-title{font-size:clamp(1.75rem,8vw,2.25rem)}
  .iev-archive-subtitle{font-size:1rem}
  .iev-filters{padding:1rem;gap:.75rem;margin-bottom:1.5rem}
  .iev-filter-group{flex:1 1 100%}
  .iev-filters .iev-btn{width:100%}
  .iev-pagination{margin-top:2rem}
  .iev-pagination a,.iev-pagination span{min-width:42px;height:42px}

  /* ── Formularios: 16px evita el zoom automático de iOS ───────── */
  .iev-form-group{margin-bottom:1.125rem}
  .iev-form-input,.iev-form-select,.iev-form-textarea,.iev-filter-select,
  .ivv-rf-input,.ivv-nl-field,.ivv-delete-form input[type="text"],
  .ivv-delete-form input[type="email"],.ivv-delete-form textarea{font-size:1rem}
  .iev-form-input,.iev-form-select,.iev-filter-select,.ivv-rf-input,.ivv-nl-field{min-height:46px}

  /* ── Ficha de proyecto ────────────────────────────────────────── */
  .iev-single-hero{min-height:clamp(320px,52vh,420px)}
  .iev-single-hero-info{padding:4.5rem 0 1.5rem}
  .iev-single-meta{gap:.5rem 1rem;font-size:.8125rem}
  .iev-single-content{padding:2rem 0 3.5rem}
  .iev-financials{gap:.75rem;margin-bottom:2rem}
  .iev-fin-item{padding:.875rem}
  .iev-fin-label{font-size:.68rem}
  .iev-fin-value{font-size:1rem;overflow-wrap:anywhere}
  .iev-fin-value.roi-val{font-size:1.25rem}
  .iev-invest-card{padding:1.25rem}
  .iev-invest-amount{padding:1.125rem}
  .iev-invest-amount-value{font-size:1.875rem}
  .iev-project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* ── Footer ───────────────────────────────────────────────────── */
  .iev-footer{padding:3rem 0 calc(4.5rem + env(safe-area-inset-bottom,0px))}
  .iev-footer-brand-text{margin:.875rem 0 1.25rem}
  .iev-footer-col-title{margin-bottom:1rem}
  .iev-footer-links li{margin-bottom:.25rem}
  .iev-footer-links a{min-height:36px;align-items:center}
  .iev-social-btn{width:42px;height:42px}
  .ivv-footer-disclaimer{padding:.875rem 1rem;margin:1.5rem 0 1.25rem;line-height:1.7}
  .iev-footer-bottom{text-align:center}
  .iev-footer-legal{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem}

  /* ── Botón flotante de WhatsApp ───────────────────────────────── */
  .ivv-wa-btn,.ivv-whatsapp-fab{width:52px;height:52px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}

  /* ── Páginas internas (Sobre Nosotros, FAQ, Contacto) ─────────── */
  .ivv-page-hero{padding:3.5rem 0 2.5rem}
  .ivv-page-hero--faq{padding:3.5rem 0 2.25rem}
  .ivv-page-section{padding:3rem 0}
  .ivv-page-section--cta{padding:2.75rem 0}
  .ivv-about-split{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-bottom:2.25rem}
  .ivv-about-values{grid-template-columns:minmax(0,1fr)}
  .ivv-about-card{padding:1.5rem}
  .ivv-about-value{padding:1.125rem}
  .ivv-faq-contact{padding:1.75rem 1.25rem}
  .ivv-contact-page{padding-bottom:3rem}
  .ivv-index-main{padding-bottom:3rem}
  .alignleft,.alignright{float:none;display:block;margin:0 auto 1rem}

  /* ── Modal de pago con comprobante (v3) ───────────────────────── */
  .ivv-modal-overlay{padding:.75rem}
  .ivv-modal-box{max-height:92vh;max-height:92dvh;padding:1.25rem 1rem}
  .ivv-modal-title{font-size:1.2rem}
  .ivv-pm-label{min-width:0}
  .ivv-pm-val{overflow-wrap:anywhere}
  .ivv-fd-inner{padding:1.5rem 1rem}

  /* ── Legal / Eliminar cuenta ──────────────────────────────────── */
  body .iev-legal-container{padding-left:1rem;padding-right:1rem}
  .ivv-delete-container{padding:2rem 1rem 3rem}

  /* ── Mi Cuenta: login / registro ──────────────────────────────── */
  body .ivv-account-section{padding:calc(var(--iev-header-h,80px) + 1.25rem) 1rem 2rem;min-height:100vh;min-height:100svh}
  body .ivv-account-wrap{padding:0;border-radius:14px}
  body .ivv-account-forms{padding:1.75rem 1.25rem 2rem}
  body .ivv-account-panel h2{font-size:1.25rem}
  body .ivv-account-panel > p.ivv-sub{margin-bottom:1.5rem}
  body .ivv-account-tab{font-size:.8125rem;padding:.7rem .35rem;min-height:44px}
  body .ivv-row-inline{margin-bottom:1.35rem}

  /* ── Mi Cuenta: dashboard del usuario ─────────────────────────── */
  body .ivv-dash-wrap2{padding:0 1rem}
  body .ivv-dash-side{padding:1.25rem 1rem;gap:1rem;min-width:0}
  body .ivv-dash-nav{gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  body .ivv-dash-nav::-webkit-scrollbar{display:none}
  body .ivv-dash-navlink{flex-shrink:0;padding:.65rem .8rem;font-size:.8125rem;min-height:44px}
  body .ivv-dash-content{padding:1.5rem 1rem 2rem}
  body .ivv-dash-panel h1{font-size:1.3rem}
  body .ivv-dash-panel > p.ivv-sub{margin-bottom:1.5rem}
  body .ivv-stat-grid{gap:.625rem;margin-bottom:1.75rem}
  body .ivv-stat-card{padding:.875rem}
  body .ivv-stat-card strong{font-size:1.1rem;overflow-wrap:anywhere}
  body .ivv-empty-state{padding:2rem 1rem}
  body .ivv-cta-banner{padding:1.25rem;flex-direction:column;align-items:stretch}
  body .ivv-cta-banner .iev-btn{width:100%}
  body .ivv-dash-form .iev-btn{width:100%}
  body .ivv-info-list li{flex-wrap:wrap;gap:.25rem 1rem}

  /* ── Proyectos IVV (plantilla page-proyectos) ─────────────────── */
  body .ivv-proj-header{margin-bottom:1.75rem}
  body .ivv-proj-header h1{font-size:clamp(1.6rem,7.4vw,2.2rem)}
  body .ivv-proj-header p{font-size:.9375rem}
  body .ivv-filters{margin-bottom:1.5rem}
  body .ivv-filter-btn{padding:8px 14px;min-height:40px}
  /* minmax(300px,1fr) desbordaba por 12px en 320px */
  body .ivv-proj-grid{grid-template-columns:minmax(0,1fr);gap:1rem}
  body .ivv-proj-card-head{padding:1.125rem}
  body .ivv-proj-card-body{padding:1.125rem}
  body .ivv-proj-meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  body .ivv-proj-meta-item{padding:8px 4px}
  body .ivv-proj-meta-val{font-size:13px;overflow-wrap:anywhere}
  body .ivv-proj-card-footer{padding:12px 1.125rem}
  body .ivv-invest-btn{min-height:44px}
  body .ivv-invest-modal{padding:12px}
  body .ivv-invest-modal-box{padding:22px 18px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
  body .ivv-invest-field input{font-size:16px}
}

/* ══════════════════════════════════════════════════════════════════════
   4. TELÉFONOS ESTRECHOS  (≤639px)
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:639px){
  .iev-btn-lg{width:100%}
  .iev-cta-actions{display:flex;flex-direction:column;gap:.75rem}
  .iev-footer-grid,.iev-footer-grid-5col{grid-template-columns:minmax(0,1fr)}
}

/* ══════════════════════════════════════════════════════════════════════
   5. ≤479px  (375 / 390 / 430 y por debajo)
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:479px){
  .iev-container{padding-left:1rem;padding-right:1rem}

  /* Los botones de sesión del header viven también dentro del menú desplegable */
  .iev-header-buttons{display:none}
  .iev-logo-text{font-size:1.0625rem}

  .iev-section{padding:3rem 0}
  .iev-cta{padding:3rem 0}
  .iev-archive-header{padding:2rem 0}
  .iev-single-hero-info{padding-top:4rem}
  .ivv-newsletter-wrap{padding:1.25rem 1rem}
  .ivv-map-card{padding:1rem}
}

/* ══════════════════════════════════════════════════════════════════════
   6. ≤359px  (iPhone SE 1ª gen, Android compactos de 320px)
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:359px){
  .iev-logo-icon{width:34px;height:34px;font-size:.9rem}
  .iev-logo-text{font-size:.95rem}
  .iev-hero-title{font-size:1.75rem}
  .iev-hero-badge{font-size:.66rem}
  .iev-hero-stats{gap:.5rem}
  .iev-hero-stat-label{font-size:.66rem}
  .iev-category-card{padding:1.125rem .625rem}
  .iev-cat-name{font-size:.84rem}
  .iev-financials{grid-template-columns:minmax(0,1fr)}
  .iev-project-metrics{gap:.625rem}
  .iev-metric-value.roi{font-size:1.125rem}
  body .ivv-account-forms{padding:1.5rem 1rem 1.75rem}
  body .ivv-account-tab{font-size:.78rem}
  body .ivv-stat-card strong{font-size:1rem}
}