/* Isapre Tu 7 — estilos del formulario */
.itu7-wrap{
	--itu7-teal:#0a9aa0;
	--itu7-teal-d:#0f7b80;
	--itu7-ink:#0f2a33;
	--itu7-muted:#6b8a90;
	--itu7-line:#d7e6e8;
	--itu7-bg:#f2f8f8;
	--itu7-soft:#e8f4f4;
	--itu7-radius:14px;
	max-width:760px;margin:0 auto;color:var(--itu7-ink);
	font-family:inherit;
}
.itu7-wrap *{box-sizing:border-box}
.itu7-form{background:#fff;border:1px solid var(--itu7-line);border-radius:20px;padding:26px 28px;position:relative;box-shadow:0 8px 30px rgba(15,42,51,.06)}

.itu7-header{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.itu7-progress-badge{background:var(--itu7-teal);color:#fff;font-weight:700;border-radius:12px;padding:12px 14px;min-width:56px;text-align:center;font-size:18px}
.itu7-title h2{margin:0;font-size:22px;line-height:1.1}
.itu7-title p{margin:2px 0 0;color:var(--itu7-muted);font-size:14px}
.itu7-progress-bar{height:6px;background:var(--itu7-soft);border-radius:99px;overflow:hidden;margin-bottom:14px}
.itu7-progress-bar span{display:block;height:100%;width:0;background:var(--itu7-teal);transition:width .35s ease}
.itu7-objective{background:var(--itu7-bg);border:1px solid var(--itu7-line);border-radius:12px;padding:10px 14px;font-size:13px;color:var(--itu7-muted);margin:0 0 18px}

/* Pasos */
.itu7-step{display:none}
.itu7-step.is-active{display:block;animation:itu7fade .25s ease}
@keyframes itu7fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.itu7-step-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.itu7-num{background:var(--itu7-teal);color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.itu7-step-head h3{margin:0;font-size:18px}
.itu7-step-head small{color:var(--itu7-muted)}
.itu7-step h4{margin:20px 0 10px;font-size:15px}

/* Campos */
.itu7-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.itu7-field{display:flex;flex-direction:column;gap:6px}
.itu7-col-2{grid-column:1 / -1}
.itu7-field label{font-size:13px;font-weight:600;color:var(--itu7-ink)}
.itu7-field input,.itu7-field select{
	width:100%;padding:11px 12px;border:1px solid var(--itu7-line);border-radius:10px;font-size:14px;background:#fff;color:var(--itu7-ink)
}
.itu7-field input:focus,.itu7-field select:focus{outline:none;border-color:var(--itu7-teal);box-shadow:0 0 0 3px rgba(10,154,160,.12)}
.itu7-inline{display:flex;gap:8px;align-items:center}
.itu7-inline input{flex:1}
.itu7-hint{font-size:12px;min-height:14px}
.itu7-hint.is-ok{color:#1a8f4c}
.itu7-hint.is-error{color:#c0392b}

.itu7-verify{background:var(--itu7-soft);border:1px solid var(--itu7-line);border-radius:12px;padding:14px}
.itu7-verify input[data-itu7="code"]{letter-spacing:6px;text-align:center;font-size:18px;max-width:160px}

/* Consentimiento */
.itu7-consent{margin-top:18px;background:var(--itu7-bg);border:1px solid var(--itu7-line);border-radius:12px;padding:14px}
.itu7-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--itu7-ink);margin-bottom:10px;cursor:pointer}
.itu7-check:last-child{margin-bottom:0}
.itu7-check input{margin-top:2px}
.itu7-check a{color:var(--itu7-teal)}
.itu7-mt{margin-top:14px}

/* Opciones (radios / checkboxes tipo tarjeta) */
.itu7-options{display:grid;gap:10px}
.itu7-options-1{grid-template-columns:1fr}
.itu7-options-2{grid-template-columns:1fr 1fr}
.itu7-options-4{grid-template-columns:repeat(4,1fr)}
.itu7-narrow{max-width:320px}
.itu7-option{position:relative;border:1px solid var(--itu7-line);border-radius:12px;padding:14px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;background:#fff;transition:.15s}
.itu7-option input{position:absolute;opacity:0;inset:0;cursor:pointer}
.itu7-option:hover{border-color:var(--itu7-teal)}
.itu7-option:has(input:checked){border-color:var(--itu7-teal);background:var(--itu7-soft);box-shadow:0 0 0 2px rgba(10,154,160,.18)}
.itu7-option-lg{min-height:90px;text-align:left;justify-content:flex-start}
.itu7-option small{color:var(--itu7-muted)}
.itu7-logo{max-height:26px;display:block;margin:0 auto 4px}

/* Cargas */
.itu7-cargas{margin-top:14px;background:#fff5f2;border:1px solid #ffd9cc;border-radius:12px;padding:14px}
.itu7-carga{border:1px solid var(--itu7-line);border-radius:10px;padding:12px;margin-bottom:10px;background:#fff}
.itu7-carga-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.itu7-danger{color:#c0392b}

/* Clínicas */
.itu7-clinics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.itu7-clinic{position:relative;border:1px solid var(--itu7-line);border-radius:12px;padding:14px;cursor:pointer;text-align:center;background:#fff;transition:.15s}
.itu7-clinic input{position:absolute;top:10px;left:10px}
.itu7-clinic:has(input:checked){border-color:var(--itu7-teal);background:var(--itu7-soft)}
.itu7-clinic-logo{max-height:34px;margin:0 auto 6px;display:block}
.itu7-clinic-name{display:block;font-weight:600;font-size:14px}
.itu7-clinic-city{display:block;color:var(--itu7-muted);font-size:12px}
.itu7-note{color:var(--itu7-muted);font-size:13px}

/* Isapres */
.itu7-isapres-box{margin-top:16px;background:var(--itu7-bg);border:1px solid var(--itu7-line);border-radius:12px;padding:14px}

/* Botones y navegación */
.itu7-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:10px}
.itu7-btn{border:1px solid var(--itu7-line);background:#fff;color:var(--itu7-ink);padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.15s}
.itu7-btn:hover{border-color:var(--itu7-teal)}
.itu7-btn:disabled{opacity:.5;cursor:not-allowed}
.itu7-btn-primary{background:var(--itu7-teal);border-color:var(--itu7-teal);color:#fff}
.itu7-btn-primary:hover{background:var(--itu7-teal-d)}
.itu7-btn-ghost{background:var(--itu7-soft);border-color:var(--itu7-soft);color:var(--itu7-teal-d)}
.itu7-btn-link{background:none;border:none;color:var(--itu7-teal);padding:8px 6px}

/* Opción con imagen/logo (sistema de salud, isapre actual) */
.itu7-option-img span{display:flex;flex-direction:column;align-items:center;gap:6px}
.itu7-option-img .itu7-logo{max-height:34px;max-width:100%}

/* Isapre actual */
.itu7-isapre-actual{margin-top:14px;background:var(--itu7-soft);border:1px solid var(--itu7-line);border-radius:12px;padding:14px}
.itu7-isapre-actual h4{margin-top:0}
.itu7-isapre-actual h4 small{color:var(--itu7-muted);font-weight:400}

/* Grilla de logos de Isapre (selección única) */
.itu7-isapre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.itu7-isapre-card{position:relative;border:1px solid var(--itu7-line);border-radius:12px;background:#fff;cursor:pointer;transition:.15s;min-height:70px}
.itu7-isapre-card input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.itu7-isapre-card-body{display:flex;align-items:center;justify-content:center;height:100%;padding:12px}
.itu7-isapre-card-body img{max-height:38px;max-width:100%;object-fit:contain}
.itu7-isapre-name{font-weight:600;font-size:14px;text-align:center}
.itu7-isapre-card:hover{border-color:var(--itu7-teal)}
.itu7-isapre-card:has(input:checked){border-color:var(--itu7-teal);background:var(--itu7-soft);box-shadow:0 0 0 2px rgba(10,154,160,.25)}
@media(max-width:640px){.itu7-isapre-grid{grid-template-columns:repeat(2,1fr)}}

/* Paso de verificación */
.itu7-verify-step .itu7-num{font-size:18px}
.itu7-verify-msg{background:var(--itu7-soft);border:1px solid var(--itu7-line);border-radius:12px;padding:16px 18px;margin-bottom:16px;font-size:14px}
.itu7-verify-msg p{margin:0 0 8px}
.itu7-verify-msg p:last-child{margin-bottom:0}
.itu7-verify-input input[data-itu7="code"]{letter-spacing:8px;text-align:center;font-size:22px;max-width:220px;font-weight:700}
.itu7-nav > div{display:flex;gap:8px;align-items:center}

/* Captcha */
.itu7-captcha{margin-top:16px;display:flex;justify-content:center}

/* Gracias */
.itu7-thanks{text-align:center;padding:30px 10px}
.itu7-thanks-icon{width:64px;height:64px;border-radius:50%;background:#1a8f4c;color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.itu7-thanks h3{font-size:22px;margin:0 0 8px}
.itu7-thanks p{color:var(--itu7-muted)}
.itu7-request{margin-top:16px;font-size:15px;color:var(--itu7-ink)}

/* Loading */
.itu7-loading{position:absolute;inset:0;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;border-radius:20px;z-index:5}
.itu7-spinner{width:34px;height:34px;border:3px solid var(--itu7-soft);border-top-color:var(--itu7-teal);border-radius:50%;animation:itu7spin .8s linear infinite}
@keyframes itu7spin{to{transform:rotate(360deg)}}

.is-hidden{display:none !important}

/* Responsive */
@media(max-width:640px){
	.itu7-form{padding:20px 16px}
	.itu7-grid{grid-template-columns:1fr}
	.itu7-options-4{grid-template-columns:1fr 1fr}
	.itu7-clinics{grid-template-columns:1fr}
	.itu7-title h2{font-size:19px}
}
