/* Iter Spain Education — estilos del banner de cookies, del botón del pie y de las páginas legales.
   Se enlaza en todas las páginas con <link rel="stylesheet" href="/site-components.css">. */
.cookie-settings-link{display:block;background:none;border:0;padding:0;margin:9px 0;color:#dbe1eb;text-align:left;font:inherit;font-size:14px;line-height:1.5;text-decoration:none;cursor:pointer}
.cookie-settings-link:hover,.cookie-settings-link:focus-visible{color:#fff;text-decoration:underline}
/* mismo tamaño de letra en el pie de todas las páginas (la portada usaba 14px y las interiores 13px) */
.footer .footer-link-col a,.footer .footer-link-col .cookie-settings-link{font-size:14px;line-height:1.5}
.iter-cookie-banner{position:fixed;z-index:99999;left:16px;right:16px;bottom:16px;max-width:1000px;margin:auto;background:#fff;color:#202020;border:1px solid #ddd;border-radius:14px;box-shadow:0 8px 35px rgba(0,0,0,.22);padding:18px;display:flex;gap:20px;align-items:center;justify-content:space-between;font:14px/1.5 system-ui,sans-serif}
.iter-cookie-copy{flex:1;min-width:180px}.iter-cookie-copy strong{font-size:16px}.iter-cookie-copy p{margin:6px 0 0}.iter-cookie-banner a,.iter-cookie-panel a{color:inherit;text-decoration:underline}
.iter-cookie-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.iter-cookie-actions button{border:1px solid #242424;background:#242424;color:#fff;border-radius:8px;padding:10px 16px;font:inherit;font-weight:600;line-height:1.2;min-height:44px;cursor:pointer}
.iter-cookie-actions button[data-config]{background:#fff;color:#242424}
.iter-cookie-actions button:hover{opacity:.88}.iter-cookie-actions button:focus-visible{outline:3px solid #e72b69;outline-offset:2px}
.iter-cookie-overlay{position:fixed;z-index:100000;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:18px;font:14px/1.5 system-ui,sans-serif}
.iter-cookie-panel{position:relative;background:#fff;color:#202020;border-radius:14px;padding:24px;width:min(520px,100%);box-shadow:0 8px 35px rgba(0,0,0,.25)}.iter-cookie-panel h2{margin-top:0}.iter-cookie-panel label{display:block;margin:14px 0}.iter-cookie-panel input{margin-right:8px}
.iter-cookie-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:26px;cursor:pointer}
@media(max-width:700px){.iter-cookie-banner{left:8px;right:8px;bottom:8px;display:block;padding:14px}.iter-cookie-banner .iter-cookie-actions{margin-top:12px}.iter-cookie-actions button{flex:1}}
/* Enlaces legales discretos al final del pie */
.footer .footer-bottom{align-items:center;flex-wrap:wrap}
.footer .footer-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 18px}
.footer .footer-legal a,.footer .footer-legal .cookie-settings-link{display:inline;margin:0;padding:0;font-size:11px;line-height:1.5;color:#a9b4c4;text-decoration:none;text-align:left}
.footer .footer-legal a:hover,.footer .footer-legal a:focus-visible,.footer .footer-legal .cookie-settings-link:hover,.footer .footer-legal .cookie-settings-link:focus-visible{color:#fff;text-decoration:underline}
@media(max-width:700px){.footer .footer-legal{justify-content:flex-start;margin-top:4px}}
/* Diseño del pie (antes solo en las portadas; ahora común a todas las páginas) */
.footer .footer-grid-organized{display:grid;grid-template-columns:1.35fr repeat(4,minmax(0,1fr));gap:32px;align-items:start}
.footer .footer-link-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}
.footer .footer-link-col h4{margin:0 0 5px;color:var(--pink,#e72b69);font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.08em}
.footer .footer-link-col a{font-size:14px;line-height:1.5;text-decoration:none;transition:color .18s ease}
.footer .footer-link-col a:hover,.footer .footer-link-col a:focus-visible{color:var(--pink,#e72b69)}
.footer .footer-contact-col .contact-link{color:inherit}
.footer .footer-contact-col .contact-email:hover,.footer .footer-contact-col .contact-email:focus-visible{color:var(--pink,#e72b69)}
.footer .footer-contact-col .contact-whatsapp:hover,.footer .footer-contact-col .contact-whatsapp:focus-visible{color:#25D366}
.footer .footer-contact-col .contact-telegram:hover,.footer .footer-contact-col .contact-telegram:focus-visible{color:#229ED9}
@media(max-width:1000px){.footer .footer-grid-organized{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.footer .footer-brand-col{grid-column:1/-1}}
@media(max-width:640px){.footer .footer-grid-organized{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.footer .footer-brand-col{grid-column:1/-1}.footer .footer-link-col a{overflow-wrap:anywhere}}
/* Fondos grises unificados: gris pizarra más oscuro en todas las secciones; formulario de contacto en el gris del pie */
html body .about,html body .testimonials,html body .faq,html body section.cta-band{background:#525d6e}
html body section.cta-band p{color:rgba(255,255,255,.9)}
html body .contact .form-card{background:#2c2f35;border-color:#2c2f35}
html body .contact .form-card:before{background:#2c2f35}
/* Portada de Sobre nosotros: solo blanco, rosa y gris. Ordenador: degradado gris neutro sobre la foto */
.hero-box.hero-box-alex:before{background:linear-gradient(106deg,rgba(58,64,76,.93) 0%,rgba(72,80,95,.8) 39%,rgba(82,93,110,.1) 73%)}
/* Móvil y tablet: titular, foto, descripción, botón y etiquetas sobre el gris de la web */
@media(max-width:1000px){
.hero:has(.hero-box-alex){padding:0}
.hero:has(.hero-box-alex) .wrap{width:100%}
.hero-box.hero-box-alex{display:flex;flex-direction:column;min-height:0;background:#525d6e;padding:34px 0 36px;border-radius:0}
.hero-box.hero-box-alex:before,.hero-box.hero-box-alex:after{display:none}
.hero-box-alex .hero-copy{display:contents}
.hero-box-alex .hero-copy .eyebrow{order:1;margin:0 24px}
.hero-box-alex .hero-copy h1{order:2;margin:14px 24px 22px}
.hero-box-alex .hero-photo{order:3;position:static;inset:auto;display:block;width:calc(100% - 48px);margin:0 24px;border-radius:18px;height:clamp(320px,62vw,520px);object-fit:cover;object-position:84% 0;z-index:auto}
.hero-box-alex .hero-copy>p{order:4;margin:24px 24px 0;max-width:none}
.hero-box-alex .hero-copy .hero-actions{order:5;margin:24px 24px 0}
.hero-box-alex .hero-facts{order:6;position:static;padding:24px 24px 0;margin:0}
}
@supports not selector(:has(*)){@media(max-width:1000px){.hero-box.hero-box-alex{margin:0 calc(50% - 50vw);width:100vw;max-width:100vw}}}
/* Formulario: obligatorios con asterisco rosa, teléfono con prefijo */
.field .req,.form-legend .req{color:var(--pink,#e72b69);font-weight:800}
.form-legend{font-size:12px;color:#7b8595;margin:14px 0 0}
.contact .form-legend{color:rgba(255,255,255,.72)}
.form-note:empty{display:none}
.phone-row{display:flex;gap:10px}
.phone-row select{flex:0 0 42%;min-width:0;max-width:42%;text-overflow:ellipsis}
.phone-row input{flex:1 1 auto;min-width:0}
.consent-field .req{color:var(--pink,#e72b69);font-weight:800}
.cta-band .eyebrow{justify-content:center;color:#ffb3cf;margin:0 0 14px}
/* Tarjetas de próximas experiencias (sustituyen a las opiniones provisionales) */
.testimonials .quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.testimonials .soon-card{box-sizing:border-box;background:#fff;color:var(--ink,#172437);border:1px solid var(--line,#e6e8ee);border-radius:19px;padding:28px;min-height:250px;display:flex;flex-direction:column}
.testimonials .soon-icon{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:var(--pink,#e72b69);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;line-height:1}
.testimonials .soon-card h3{margin:20px 0 9px;font-size:25px;line-height:1.12;letter-spacing:-.035em;color:var(--ink,#172437)}
.testimonials .soon-card p{margin:0;color:var(--muted,#647083);font-size:15px;line-height:1.55}
@media(max-width:760px){.testimonials .quote-grid{display:block}.testimonials .soon-card{margin:14px 0}}
/* Páginas legales */
.legal-page{padding:44px 0 76px}.legal{max-width:860px}.legal h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 6px}
.legal .legal-updated{color:#647083;font-size:14px;margin:0 0 28px}.legal h2{font-size:21px;line-height:1.3;margin:34px 0 10px}
.legal p,.legal li{font-size:16px;line-height:1.65}.legal ul{padding-left:22px}.legal a{color:#c91d57;text-decoration:underline}
.legal-table-wrap{overflow-x:auto;margin:14px 0}.legal-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}
.legal-table th,.legal-table td{border:1px solid #e6e8ee;padding:10px 12px;text-align:left;vertical-align:top}.legal-table th{background:#f7f7fa}
.legal code{background:#f7f7fa;padding:1px 5px;border-radius:4px;font-size:13px;word-break:break-word}
.legal-pending{background:#fff4d6;padding:1px 6px;border-radius:4px;font-weight:700}
.legal-inline-button{background:none;border:0;padding:0;font:inherit;color:#c91d57;text-decoration:underline;cursor:pointer}