/* responsive-fluid.css - Corrección responsive fluida
   NO crea overlays, NO usa position:fixed, NO bloquea clicks
   Para revertir: eliminar <link> en los HTML */

/* Tipografía fluida */
.hero-title{font-size:clamp(1.75rem,4.5vw + .5rem,3.5rem)}
.hero-subtitle{font-size:clamp(1rem,1.5vw + .5rem,1.25rem)}
.section-header h2{font-size:clamp(1.5rem,3vw + .5rem,2.5rem)}
.section-header p{font-size:clamp(.9rem,1.2vw + .4rem,1.1rem)}
.service-card h3{font-size:clamp(1.1rem,1.5vw + .4rem,1.5rem)}
.auth-logo h1{font-size:clamp(1.3rem,3vw + .3rem,1.8rem)}
.dashboard-section .section-header h2{font-size:clamp(1.25rem,2.5vw + .4rem,1.75rem)}
.logo h1,.header-logo h1{font-size:clamp(1.1rem,2vw + .3rem,1.5rem)}

/* Contenedores fluidos */
.container{padding:0 clamp(.75rem,3vw,2rem)}
.nav-container{padding:clamp(.6rem,1.5vw,1rem) clamp(.75rem,3vw,2rem)}
.hero{padding:clamp(112px,14vw,152px) 0 clamp(40px,8vw,80px)}
.hero-container{padding:0 clamp(1rem,3vw,2rem);gap:clamp(1.5rem,4vw,4rem)}

/* Anchos fijos → fluidos */
.card-3d{width:min(320px,85vw);height:auto}
.card-front{padding:clamp(1.2rem,3vw,2rem);box-sizing:border-box;overflow:hidden}
.card-chip{margin-bottom:clamp(.5rem,1.5vw,1rem)}
.card-logo{margin-bottom:clamp(.8rem,2vw,2rem);font-size:clamp(1.2rem,2.5vw,1.5rem)}
.card-number{font-size:clamp(1rem,2vw,1.2rem)}
.toast{min-width:min(300px,calc(100vw - 2rem))}
.contact-form{padding:clamp(1.25rem,3vw,2.5rem)}
.verification-form{padding:clamp(1.5rem,3vw,3rem)}
.service-card{padding:clamp(1.25rem,2.5vw,2.5rem)}

/* Grids sin desborde */
.features-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.services-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}

/* Secciones fluidas */
.services,.features,.verification,.contact{padding:clamp(40px,8vw,80px) 0}
.section-header{margin-bottom:clamp(1.5rem,4vw,4rem)}

/* Botones touch-friendly */
.btn{min-height:44px;font-size:clamp(.875rem,1.2vw + .3rem,1rem)}
.hero-buttons .btn{width:min(100%,280px)}

/* Imágenes responsivas globales */
img{max-width:100%;height:auto}

/* Contact responsive */
.contact-content{gap:clamp(1.5rem,4vw,4rem)}
.contact-item{padding:clamp(1rem,2vw,2rem)}

/* Feature icons */
.feature i{min-width:clamp(40px,5vw,60px);font-size:clamp(1.8rem,3vw,2.5rem)}

/* Auth container */
.auth-container{max-width:min(450px,calc(100vw - 1rem))}

/* Dashboard contenedores fluidos en móvil */
@media(max-width:480px){
  .form-row,.upload-section{grid-template-columns:1fr}
  .captcha-question{min-width:auto;width:100%}
  .hero-buttons{flex-direction:column;align-items:center}
  .hero-buttons .btn{width:100%;max-width:none}
  .kyc-form-container{padding:clamp(.75rem,3vw,2rem)}
  .dashboard-section{padding:clamp(.5rem,2vw,1rem)}
  .dashboard-main{padding:clamp(.5rem,2vw,1rem)}
  .profile-form,.settings-grid{padding:clamp(.75rem,3vw,2rem)}
  .upload-grid{grid-template-columns:1fr}
}

/* Prevenir desborde horizontal */
html,body{overflow-x:hidden}
img,video,iframe,embed,object,table,pre,code{max-width:100%}
@media(max-width:768px){
  .nav-menu:not(.active){visibility:hidden}
}