/* Copyter · Ajustes UX de la homepage (cookies, iconos del hero, testimonios, menú móvil)
   Se carga desde home.blade.php. Va con !important porque copyter-bento.css se
   inyecta despues. */

/* ---- Iconos de la caja del hero: objetivo táctil de 44 px ---- */
html body #openai-form .chat-controllers .chat-button-icon {
	width:44px !important; height:44px !important; min-width:44px !important;
	padding:0 !important; display:inline-flex !important;
	align-items:center !important; justify-content:center !important; font-size:16px !important;
}
html body #openai-form .chat-controllers .chat-button-icon:focus-visible,
html body #openai-form #chat-button:focus-visible,
.bento-chips button:focus-visible { outline:3px solid rgba(10,108,255,.35); outline-offset:2px; }
html body #openai-form #chat-button { min-height:44px; }
.bento-chips button { min-height:44px; padding:12px 16px !important; font-size:13px !important; }
.bento-chips span { font-size:14px !important; }
@media (max-width:575px) {
	html body #openai-form .chat-controllers .chat-button-box { margin-right:6px !important; }
}

/* ---- Testimonios: sin copias visibles; con pocos, fila estática ---- */
.review-list-wrapper.reviews-static {
	animation:none !important; margin-left:0 !important; left:0 !important;
	justify-content:center; flex-wrap:wrap;
}
.reviews-static .reviews-list { flex-wrap:wrap; justify-content:center; gap:24px; }
.reviews-static .reviews-clone { display:none !important; }
.reviews-static .review-card-scroll { width:min(450px,100%); max-height:none; }

/* ---- Menú móvil: Precios e Iniciar sesión siempre a la vista ---- */
.nav-quick { display:none; }
@media (max-width:991px) {
	#navbar-responsive { flex-wrap:wrap; align-items:center; }
	#navbar-responsive .navbar-brand { margin-right:auto; }
	#brand-img { width:128px; height:auto; }
	.nav-quick { display:flex; align-items:center; gap:4px; margin-left:auto; }
	.nav-quick a {
		display:inline-flex; align-items:center; min-height:44px; padding:0 12px;
		font:500 14px/1 Inter,sans-serif; color:#131B2E; text-decoration:none; border-radius:12px;
	}
	.nav-quick a.nav-quick__cta { background:#0A6CFF; color:#fff; font-weight:600; }
	.nav-quick a:focus-visible { outline:3px solid rgba(10,108,255,.35); outline-offset:2px; }
	#navbar-responsive .navbar-toggler { min-width:44px; min-height:44px; margin-left:4px; }
}

/* ===== v8: encabezado movil de la portada en una sola fila ===== */
@media (max-width:991px){
html body #navbar-responsive{flex-wrap:nowrap!important;align-items:center;padding:8px 12px!important;min-height:0}
html body #navbar-responsive .navbar-brand{margin:0!important;flex:0 0 auto}
html body #brand-img{width:104px!important}
html body #navbar-responsive .nav-quick{margin-left:auto!important;gap:4px;flex:0 0 auto}
html body #navbar-responsive .nav-quick a:not(.nav-quick__cta){display:none!important}
html body #navbar-responsive .nav-quick__cta{min-height:36px!important;padding:0 14px!important;font-size:12px!important;border-radius:10px!important;letter-spacing:.2px}
html body #navbar-responsive .navbar-toggler{flex:0 0 auto;width:40px;height:40px;min-height:40px;padding:0!important;margin-left:8px}
}

/* ===== v9: menu movil desplegado + logo ===== */
@media (max-width:991px){
html body #navbar-responsive{flex-wrap:wrap!important}
html body #brand-img{width:128px!important}
html body #navbar-responsive .navbar-collapse{flex:0 0 100%!important;order:10;width:100%}
html body #navbarNav{padding:4px 4px 16px}
html body #navbarNav .navbar-nav{margin:0!important;padding:0}
html body #navbarNav .nav-item{margin:0!important;padding:0!important}
html body #navbarNav .nav-link{display:flex!important;align-items:center;justify-content:space-between;min-height:44px;margin:0!important;padding:0 12px!important;font-size:15px!important;border-bottom:1px solid #E7E3DA}
html body #navbarNav .nav-item:last-child .nav-link{border-bottom:0}
html body #navbarNav .pr-4{padding:12px 12px 0!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
html body #navbarNav .pr-4 > a:not(.register-button):not(.icon){display:none!important}
html body #navbarNav .register-button{order:1;flex:1 1 auto;margin:0!important;display:flex!important;align-items:center;justify-content:center;min-height:44px;border-radius:12px;font-size:14px;position:static!important;float:none!important}
html body #navbarNav .header-locale{order:2;position:static!important;float:none!important;margin:0!important;flex:0 0 auto;display:flex;align-items:center}
html body #navbarNav .header-locale .icon{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 8px}
}

/* v10: logo movil mas grande */
@media (max-width:991px){html body #brand-img{width:148px!important}}