/* ===== Mejoras noviembre 2026 ===== */

/* Título principal (H1) de las cabeceras: visible y legible sobre la foto */
h1.title {
    display: inline-block;
    color: #fff !important;
    font-family: "Roboto-Medium", "Roboto", sans-serif !important;
    font-size: 15px !important;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    background: rgba(64, 68, 120, 0.72);
    padding: 7px 18px;
    border-radius: 30px;
    margin-bottom: 26px !important;
}
.container_first_image .first_img_p_diff:not(.btn) {
    color: #E4E5FA !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}
.container_first_image .first_img_p_equal {
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}

/* Franja de confianza bajo la cabecera de la portada */
.franja_confianza {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 34px;
    padding: 18px 20px;
    background: #fff;
    border-bottom: 1px solid #e6e7f3;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #4b4f7a;
}
.franja_confianza .fc_item {
    color: #4b4f7a;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.franja_confianza a.fc_item:hover b { text-decoration: underline; }
.franja_confianza b { color: #2f3260; }
.fc_estrellas { color: #F5B301; letter-spacing: 2px; font-size: 18px; }

/* Reseñas en texto */
.resenas_resumen {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    margin: 0 0 30px;
}
.rr_nota { font-size: 46px; font-family: "Roboto-Bold", "Roboto", sans-serif; line-height: 1; }
.rr_estrellas { color: #FFD24A; font-size: 26px; letter-spacing: 3px; }
.rr_texto { font-size: 18px; opacity: 0.95; }
.resenas_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.resena {
    background: #fff;
    border-radius: 22px;
    padding: 24px 24px 20px;
    margin: 0;
    box-shadow: 0 10px 30px rgba(40, 44, 90, 0.18);
    display: flex;
    flex-direction: column;
    text-align: left;
}
.resena_estrellas { color: #F5B301; letter-spacing: 2px; font-size: 17px; margin-bottom: 10px; }
.resena blockquote {
    margin: 0 0 16px;
    font-family: "PT_Sans", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.55;
    color: #333;
    flex: 1;
}
.resena figcaption { font-family: "Roboto-Bold", "Roboto", sans-serif; color: #2f3260; font-size: 15px; }
.resena figcaption span { font-family: "Roboto", sans-serif; color: #8a8db5; font-weight: normal; }
.resenas_link { text-align: center; margin: 26px 0 6px; }
.resenas_link a { color: #fff; font-family: "Roboto", sans-serif; font-size: 17px; text-decoration: underline; }

/* Enlaces dentro del texto */
a.enlace_texto { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a.enlace_texto:hover { color: #4b4f9a; }

/* Migas de pan */
.migas {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 24px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #6b6f9a;
}
.migas a { color: #6b6f9a; text-decoration: none; }
.migas a:hover { text-decoration: underline; }
.migas span { margin: 0 4px; }
.migas span[aria-current] { color: #2f3260; margin: 0; }

/* H1 de contacto */
.contacto_h1 {
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 15px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #858ABF;
    margin: 0 0 14px;
}

@media (max-width: 900px) {
    .resenas_grid { grid-template-columns: 1fr; max-width: 560px; }
}
@media (max-width: 612px) {
    h1.title { font-size: 12px !important; letter-spacing: 0.12em; padding: 6px 14px; }
    .franja_confianza { flex-direction: column; align-items: center; gap: 8px; font-size: 15px; text-align: center; }
    .resenas_resumen { flex-wrap: wrap; }
    .rr_nota { font-size: 38px; }
    .rr_texto { width: 100%; text-align: center; }
    .migas { padding: 8px 16px; font-size: 13px; }
}

/* Contenedor de reseñas de la portada */
#slider_container.con_resenas { height: auto !important; min-height: 0 !important; padding-bottom: 34px; margin-bottom: 0; }

/* ===== Páginas de problemas (noviembre 2026) ===== */
.hero_problema {
    background-size: cover !important;
    background-position: center !important;
    min-height: 72vh;
    padding: 60px 24px;
    box-sizing: border-box;
}
.container_first_image .hero_problema_titulo {
    font-size: 50px;
    max-width: 1000px;
    margin: 0 auto 18px;
}
.container_first_image p.hero_problema_intro {
    color: #fff;
    font-size: 21px;
    max-width: 760px;
    margin: 0 auto 28px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
ul.lista_sintomas, ul.lista_tarjeta, ol.pasos, .aviso_medico ul {
    margin: 0 0 18px;
    padding-left: 22px;
    text-align: left;
}
ul.lista_sintomas li, ul.lista_tarjeta li, ol.pasos li, .aviso_medico li {
    margin: 0 0 10px;
    line-height: 1.6;
}
ul.lista_sintomas li { list-style: none; position: relative; }
ul.lista_sintomas li::before { content: "•"; color: #858ABF; font-weight: bold; position: absolute; left: -18px; }
ol.pasos { counter-reset: paso; list-style: none; padding-left: 0; }
ol.pasos li {
    counter-increment: paso;
    position: relative;
    padding: 14px 18px 14px 64px;
    background: #f3f4fb;
    border-radius: 16px;
    margin-bottom: 12px;
}
ol.pasos li::before {
    content: counter(paso);
    position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
    width: 34px; height: 34px; border-radius: 50%;
    background: #858ABF; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-family: "Roboto-Bold", "Roboto", sans-serif;
}
.aviso_medico {
    background: #fff6f0;
    border-left: 5px solid #e08a4c;
    border-radius: 14px;
    padding: 18px 22px 8px;
    margin: 28px 0;
}
.aviso_medico h3 {
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 19px;
    color: #8a4a1e;
    margin: 0 0 10px;
}
.otros_problemas {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 10px 0 10px;
}
.otros_problemas a {
    display: block;
    padding: 14px 16px;
    border: 2px solid #858ABF;
    border-radius: 16px;
    color: #2f3260;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    text-align: center;
}
.otros_problemas a:hover { background: #858ABF; color: #fff; }
p.firma {
    font-size: 14px;
    color: #6b6f9a;
    margin-top: 34px;
    border-top: 1px solid #e6e7f3;
    padding-top: 14px;
}
@media (max-width: 900px) {
    .otros_problemas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 612px) {
    .hero_problema { min-height: 0; padding: 50px 18px; }
    .container_first_image .hero_problema_titulo { font-size: 30px; }
    .container_first_image p.hero_problema_intro { font-size: 17px; }
    .otros_problemas { grid-template-columns: 1fr; }
    ol.pasos li { padding-left: 58px; }
}
.one_indiva_card ul.lista_tarjeta li {
    font-family: "PT_Sans", "Roboto", sans-serif;
    font-size: 19px;
    line-height: 1.5;
    color: #000;
}
p.firma a { color: #4b4f9a; }
@media (max-width: 612px) {
    .one_indiva_card ul.lista_tarjeta li { font-size: 15px; }
}
@media (max-width: 612px) {
    ul.lista_sintomas li { font-size: 16px; }
}

/* Migas de pan del mismo color que la cabecera (para que el desplegable se lea bien) */
nav.migas {
    max-width: none;
    margin: 0;
    background: #858ABF;
    color: #fff;
    padding: 8px max(24px, calc((100% - 1200px) / 2 + 24px));
    box-sizing: border-box;
}
nav.migas a { color: #fff; opacity: 0.85; }
nav.migas a:hover { opacity: 1; }
nav.migas span { color: #fff; opacity: 0.7; }
nav.migas span[aria-current] { color: #fff; opacity: 1; font-family: "Roboto-Bold", "Roboto", sans-serif; }

/* Cabecera de fisioterapia deportiva con foto propia */
#sports_physiotherapy_begining.hero_deportiva {
    background-image: linear-gradient(rgba(20, 22, 48, 0.62), rgba(20, 22, 48, 0.62)), url("../Imagenes/fisioterapia-deportiva-readaptacion-albacete.webp");
    background-position: center;
    justify-content: center;
}
#sports_physiotherapy_begining.hero_deportiva #sports_physiotherapy_begining_image { display: none; }
#sports_physiotherapy_begining.hero_deportiva #sports_physiotherapy_begining_text {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

/* Foto de la cabecera de Dolor muscular y articular */
.intro_indiva.foto_dolor {
    background-image: url("../Imagenes/fisioterapeuta-dolor-muscular-albacete.webp");
    background-position: center 40%;
    padding-bottom: 0;
    height: 68vh;
    max-height: 600px;
    align-self: center;
    margin-right: 20px;
}
@media (max-width: 1129px) {
    .intro_indiva.foto_dolor { padding-bottom: 0; height: 420px; background-position: center 40%; }
}
@media (max-width: 612px) {
    .intro_indiva.foto_dolor { height: 340px; }
}

/* Menú "Qué tratamos" */
.submenu.submenu_derecha { left: auto; right: 0; }
#check-tratamos:checked ~ .lista-servicios-movil { display: block; }
#que-tratamos { scroll-margin-top: 20px; }
/* Desplegables del menú con fondo sólido para que se lean sobre cualquier fondo */
#main-header .submenu { background-color: #858ABF !important; border-radius: 0 0 14px 14px; }
#main-header .submenu li a:hover { background-color: #4f5272; }