/* === fisioenfrancia.es local copy === Fetched 2026-05-21 from https://fisioenfrancia.es/style.css per Phase 2 D-15. */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", serif;
}

html {
    scroll-behavior: smooth;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.width {
    padding: 0px 10%;
}

body::-webkit-scrollbar {
    width: 8px;
    background-color: #3b6094;
}

body::-webkit-scrollbar-thumb {
    width: 7px;
    background: #e9bb65;
    border-radius: 2px;
}

body.suiza::-webkit-scrollbar {
    width: 8px;
    background-color: #cb1725;
}

body.suiza::-webkit-scrollbar-thumb {
    width: 7px;
    background: #47080d;
    border-radius: 2px;
}

/********** NAV **********/

.nav__social {
    height: 30px;
    background-color: #e9bb65;
    display: flex;
    align-items: center;
}

.nav__social p {
    color: #fff;
    font-size: 0.9rem;
}

.nav__social a {
    color: #fff;
    margin: 0px 10px;
}

.nav__social a:nth-child(2) {
    margin-left: auto;
    font-size: 0.9rem;
    margin-right: 30px;
}

.nav {
    background-color: #3b6094;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav__logo img {
    width: 40px;
}

.nav .nav__options {
    display: flex;
}

.nav .nav__options li {
    margin: 0px 10px;
    position: relative;
}

.nav .nav__options li:nth-child(2) a {
    font-weight: 600;
}

.nav .nav__options li a {
    color: #fff;
    font-size: 0.95rem;
}

.nav .nav__options li p {
    color: #fff;
    font-size: 0.95rem;
    cursor: pointer;
}

.nav .nav__options li p i {
    margin-left: 3px;
    font-size: 0.8rem;
}

.nav .nav__options li a i {
    margin-left: 3px;
    font-size: 0.8rem;
}

.nav a:nth-child(3) {
    background-color: #fff;
    color: #3b6094;
    font-size: 0.95rem;
    padding: 8px 15px;
    border-radius: 3px;
    font-weight: 500;
}

.nav .nav__options li div {
    position: absolute;
    z-index: 10;
    background-color: #3b6094;
    border: solid 1px #aaa;
    width: 180px;
    left: calc(50% - 90px);
    top: 30px;
    border-radius: 5px;
    display: none;
}

.nav .nav__options li div.show {
    display: block;
}

.nav .nav__options li div a {
    display: block;
    background-color: transparent;
    color: #fff;
    font-size: 1rem;
    padding: 10px 10px;
    border-radius: 0px;
    font-weight: 400 !important;
}

.nav .nav__options li div a:hover {
    background-color: rgb(255, 255, 255, 0.2);
    border-radius: 3px;
}

.nav .nav__menu {
    font-size: 1.3rem;
    color: #fff;
    display: none;
    cursor: pointer;
}

/********** LANDING **********/

header {
    position: fixed;
    z-index: 100;
    width: 100%;
}

.home {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.home::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(59, 96, 148, 0.4);
    top: 0px;
    left: 0px;
}

.home__video {
    width: 100%;
    margin-top: -120px;
}

.home__content {
    position: absolute;
    z-index: 1;
    top: 0px;
    width: 75%;
    top: 25vh;
}

.home__content h1 {
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.5px;
    font-size: 3rem;
    line-height: 50px;
}

.home__content h1 span {
    color: rgb(255, 255, 255, 0.5);
}

.home__content p {
    color: #fff;
    margin: 20px 0px;
}

.home__content-button {
    margin-top: 40px;    
}

.home__content-button a {
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 500;
}

.home__content-button a:nth-child(1) {
    background-color: #e9bb65;
    color: #fff;
}

.home__content-button a:nth-child(2) {
    background-color: #fff;
    color: #3b6094;
    margin-left: 20px;
}

.home i {
    color: rgb(255, 255, 255, 0.8);
}

.home i.fa-chevron-down {
    color: rgb(255, 255, 255, 0.8);
    font-size: 2rem;
    z-index: 10;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 1rem);
    animation: 2s linear 0s infinite alternate sun-rise;
}

@keyframes sun-rise {

    from {
        transform: translateY(-10px);
    } to {
        transform: translateY(10px);
    }

}

.homeTwo {
    display: flex;
    justify-content: space-between;
    padding: 80px 10% 50px 10%;
}

.homeTwo h2 {
    color: #3b6094;
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 10px;
}

.homeTwo p {
    margin: 10px 0px;
    line-height: 22px;
}

.homeTwo a {
    background-color: #e9bb65;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: auto;
}

.homeTwo div {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.homeTwo div video {
    width: 100%;
    border-radius: 10px;
    margin-top: 30px;
}

.homeTwo div img {
    width: 80%;
    border-radius: 10px;
    margin-top: 30px;
}

.testimonios {
    background-color: #fafbfc;
    display: flex;
    justify-content: space-between;
    padding: 80px 10% 50px 10%;
}

.testimonios__content h2 {
    color: #3b6094;
    font-size: 2.3rem;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 10px;
}

.testimonios__content p {
    margin: 10px 0px;
}

.testimonios__content a {
    background-color: #e9bb65;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: auto;
}

.testimonios__content div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.testimonios__content-text div {
    display: flex;
    flex-direction: column;
    width: 45%;
    justify-content: space-between;
}

.testimonios__content-text button {
    background-color: #e9bb65;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: auto;
    border: none;
    cursor: pointer;
}

#videoTwo {
    display: none;
}

#videoTwo.show {
    display: flex;
}

.testimonios__content-video {
    margin: 30px 0px;
}

.testimonios__content-video div {
    width: 240px;
    height: 350px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.testimonios__content-video video {
    width: 100%;
    margin-top: -60px;
    position: absolute;
}

.testimonios__content-videoText {
    margin-top: auto;
    background-color: #e9bb65;
    display: flex;
    flex-direction: column;
    height: 60px !important;
    padding: 10px;
    text-align: center;
    font-size: 0.9rem;
    color: #fff;
}

.testimonios__content-videoText span {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin: auto;
}

.trabajar {
    background-image: url('./images/4_BG_EMPLEO.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 10%;
    position: relative;
    display: flex;
}

.trabajar::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(59, 96, 148, 0.9);
    left: 0px;
    top: 0px;
    position: absolute;
}

.trabajar div {
    position: relative;
    z-index: 1;
    width: 50%;
}

.trabajar__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 80px;
}

.trabajar div h2 {
    color: #fff;
    font-size: 2.4rem;
    letter-spacing: 1px;
}

.trabajar div p {
    color: #fff;
}

.trabajar__benefits {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.trabajar__benefits div {
    width: 230px;
    height: 170px;
    background-color: #fff;
    border-radius: 5px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 10px;
}

.trabajar__benefits div i {
    color: #fff;
    min-width: 40px;
    min-height: 40px;
    background-color: #e9bb65;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin: 0px auto;
}

.trabajar__benefits div span {
    color: #3b6094;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 5px 0px;
}

.trabajar__benefits div p, .trabajar__benefits div p span {
    color: #000;
    font-size: 0.8rem;
}

.trabajar__benefits div:nth-child(1) {
    background-color: #e9bb65;
}

.trabajar__benefits div:nth-child(1) i {
    color: #e9bb65;
    background-color: #fff;
}

.trabajar__benefits div:nth-child(1) span {
    color: #fff;
}

.trabajar__benefits div:nth-child(1) p, .trabajar__benefits div:nth-child(1) p span {
    color: #fff;
}

.vida {
    padding: 80px 10%;
}

.vida__text {
    text-align: center;
    width: 80%;
    margin: auto;
}

.vida h2 {
    font-size: 2rem;
    color: #3b6094;
    margin-bottom: 20px;
}

.vida p {
    margin-bottom: 40px;
}

.vida a {
    color: #fff;
    padding: 10px 20px;
    background-color: #e9bb65;
    border-radius: 5px;
}

.vida__two {
    margin: 120px 0px 30px 0px;
    display: flex;
    justify-content: space-between;
}

.vida__two div {
    width: 45%;
}

.vida__two img {
    width: 100%;
}

.vida__two p {
    margin-bottom: 20px;
}

.vida__two p:last-child {
    margin-bottom: 40px;
}

.vida__two:nth-child(2) a {
    background-color: #3b6094;
}

.vida__two:nth-child(3) a {
    background-color: #cb1725;
}

.vida__two .hint {
    width: 100%;
    background-color: #fcf5e8;
    color: #3b6094;
    border-radius: 5px;
}

.vida__two .hint p {
    padding: 20px;
}

.vida__two .hint span {
    font-weight: 600;
}

.acompanamos {
    background-color: #fafbfc;
    padding: 50px 10%;
}

.acompanamos__content-title {
    display: flex;
    margin: 30px 0px;
}

.acompanamos__content-title h2 {
    color: #3b6094;
    min-width: 60%;
    font-size: 2rem;
    padding-right: 80px;
}

.acompananos__content {
    display: flex;
    justify-content: space-between;
    margin: 50px 0px 0px 0px;
}

.acompananos__content-div {
    width: 50%;
}

.acompananos__content-div:nth-child(1) {
    width: 40%;
}

.acompananos__content-div:nth-child(1) a {
    background-color: #e9bb65;
    width: 100%;
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.acompananos__content-div img {
    width: 100%;
}

.acompananos__content-options {
    display: flex;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: #aaa 0px 0px 2px 0px;
    padding: 20px 25px;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.acompananos__content-optionsNumber {
    position: absolute;
    background-color: #3b6094;
    color: #fff;
    position: absolute;
    top: calc(50% - 25px);
    left: -15px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.acompananos__content-options div {
    width: 60%;
}

.acompananos__content-options a {
    background-color: #3b6094;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
}

.acompananos__content-options span {
    color: #3b6094;
    font-size: 1.1rem;
    font-weight: 600;
}

.acompananos__content-options p {
    margin: 10px 0px;
}

.acompananos__content-options:nth-child(3) {
    flex-direction: column;
}

.acompananos__content-options:nth-child(3) div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.acompananos__content-options:nth-child(3) div a {
    display: flex;
    align-items: center;
    height: 40px;
}

.acompananos__content-options:nth-child(3) div div {
    display: block;
    width: 60%;
}

.acompananos__content-options-text {
    background-color: #fcf5e8;
    display: block;
    min-width: 100%;
    margin-top: 10px;
    padding: 10px 20px;
    color: #3b6094;
    font-weight: 600;
    text-align: center;
}

.acompananos__content-options-text i {
    color: #e9bb65;
}

.ofertas {
    background-image: url('./images/8_BG_EMPLEOS.jpg');
    background-position: 0px -40px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 10%;
}

.ofertas div {
    background-color: #3b6094;
    padding: 40px 15%;
    border-radius: 20px;
    text-align: center;
}

.ofertas div h2 {
    color: #fff;
    font-size: 2rem;
    letter-spacing: 1px;
    font-weight: 500;
}

.ofertas div p {
    color: #fff;
    margin: 20px;
    line-height: 25px;
}

.ofertas__button {
    padding: 20px 0px !important;
    display: flex;
    justify-content: center;
    gap: 30px;
}

.ofertas__button a {
    background-color: #e9bb65;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 600;
}

.ofertas__button a:nth-child(2) {
    background-color: #fff;
    color: #3b6094;
}

.homeBlog {
    padding: 50px 10%;
}

.homeBlog h2 {
    color: #3b6094;
    font-size: 2rem;
}

.homeBlog__content {
    margin: 30px 0px;
    display: flex;
    justify-content: space-between;
}

.homeBlog__content a {
    width: 320px;
}

.homeBlog__content a img {
    width: 100%;
    border-radius: 5px;
}

.homeBlog__content a p {
    color: #3b6094;
    margin: 15px 0px;
    font-size: 1.2rem;
    font-weight: 600;
}

.homeBlog__content a span {
    color: #aaa;
    font-size: 0.8rem;
}

.homeBlog .blogButton {
    background-color: transparent;
    outline: none;
    border: none;
    margin-left: auto;
    color: #3b6094;
    font-size: 1rem;
    border-bottom: solid 2px #3b6094;
    font-weight: 600;
    display: block;
    cursor: pointer;
    width: fit-content;
}

.homeBlog .homeBlog__button {
    color: #3b6094;
    font-weight: 600;
    border-bottom: solid 2px #3b6094;
    display: block;
    width: 60px;
    margin-left: auto;
    cursor: pointer;
}

.homeTwo.guia {
    background-color: #fafbfc;
}

.homeTwo.guia img {
    width: 100%;
}

.homeTwo.guia video {
    width: 50%;
}

.homeTwo.guia div p, span {
    margin-right: auto;
}

.homeTwo.guia div span {
    font-weight: 600;
    margin: 10px auto 10px 0px;
    font-size: 1.1rem;
}

.homeTwo.guia div p {
    display: flex;
}

.guia div p i {
    background-color: #e9bb65;
    min-width: 20px;
    max-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    font-size: 0.7rem;
    padding: 2px 0px 0px 0px;
    margin-right: 10px;
}

.reserva {
    background-color: #e9bb65;
    display: flex;
    margin: 0px 10%;
    padding: 10px;
    border-radius: 20px;
    justify-content: center;
    margin-bottom: -70px;
    z-index: 1;
    position: relative;
}

.reserva div:nth-child(1) {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
}

.reserva div:nth-child(2) {
    width: 30%;
    text-align: center;
}

.reserva div h2 {
    color: #fff;
    font-size: 2rem;
    letter-spacing: 1px;
}

.reserva div p {
    color: #fff;
    margin: 20px 0px;
    line-height: 25px;
}

.reserva div a {
    color: #fff;
    background-color: #3b6094;
    padding: 10px 0px;
    width: 280px;
    text-align: center;
    border-radius: 10px;
}

.reserva div img {
    width: 80%;
}

/********** FRANCIA **********/

.home.francia::after {
    background-color: rgb(0, 0, 0, 0.2);
}

.home__content .links {
    margin-bottom: 20px;
    color: rgb(255, 255, 255, 0.8);
}

.home__content .links a {
    color: rgb(255, 255, 255, 0.8);
    margin-right: 2px;
    border-bottom: solid 1.5px rgb(255, 255, 255, 0.8);
}

.retos {
    padding: 50px 10%;
}

.retos .retos__title {
    text-align: center;
    margin: 20px;
    font-size: 2rem;
    color: #3b6094;
}

.retos .retos__text {
    text-align: center;
    line-height: 25px;
    width: 85%;
    margin: auto;
}

.retos__options {
    display: flex;
    margin: 40px 0px;
    justify-content: space-between;
}

.retos__options div {
    background-color: #fafbfc;
    width: 240px;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.retos__options span {
    color: #3b6094;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 1.1rem;
}

.retos__options span i {
    color: #fff;
    background-color: #3b6094;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-right: 10px;
}

.retos__options p {
    margin-top: 20px;
    font-size: 0.9rem;
    line-height: 20px;
}

.what {
    background-color: #3b6094;
    background-image: url('./images/2_France_map.svg');
    background-position: center;
    padding: 50px 10%;
}

.what .what__title {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    margin: 30px 0px;
    letter-spacing: 1px;
}

.what .what__text {
    color: #fff;
    width: 75%;
    margin: auto;
    text-align: center;
}

.what__options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0px;
}

.what__options div {
    width: 320px;
    background-color: #fff;
    margin: 10px 0px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    padding: 20px;
}

.what__options div i {
    width: 50px;
    height: 50px;
    background-color: #e9bb65;
    color: #fff;
    border-radius: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
}

.what__options div span {
    color: #3b6094;
    font-weight: 600;
    margin: 10px auto;
    text-align: center;
}

.what__options div p {
    text-align: center;
    font-size: 0.9rem;
    line-height: 20px;
}

.what__options div:hover {
    background-color: #e9bb65;
}

.what__options div:hover i {
    background-color: #fff;
    color: #e9bb65;
}

.what__options div:hover span {
    color: #fff;
}

.what__options div:hover p {
    color: #fff;
}

.whatTwo {
    padding: 50px 10%;
}

.whatTwo h2 {
    color: #3b6094;
    font-size: 2rem;
}

.whatTwo p {
    margin: 20px 0px;
    font-size: 0.9rem;
}

.whatTwo span {
    color: #3b6094;
    font-weight: 600;
}

.whatTwo__content {
    display: flex;
    justify-content: space-between;
}

.whatTwo__content div {
    width: 45%;
}

.whatTwo__content-options {
    display: flex;
    border: solid 1px #aaa;
    min-width: 100%;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
}

.whatTwo__content-options div {
    width: 100%;
    margin-left: 20px;
}

.whatTwo__content-options i {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 50px;
    border-radius: 100%;
    height: 50px;
    font-size: 1.3rem;
    background-color: #cb1725;
    color: #fff;
}

.whatTwo__content-options span {
    font-size: 1rem;
}

.whatTwo__content-options p {
    margin: 10px 0px;
    font-size: 0.9rem;
}

.whatTwo__content-options p span {
    font-size: 0.9rem;
}

.whatTwo__content-img {
    background-color: #fafbfc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 10px;
}

.whatTwo__content img {
    width: 100%;
}

.whatTwo__content .whatTwo__content-options:hover {
    background-color: #cb1725;
    color: #fff;
}

.whatTwo__content .whatTwo__content-options:hover span {
    color: #fff;
}

.whatTwo__content .whatTwo__content-options:hover i {
    background-color: #fff;
    color: #cb1725;
}

.whatTwo__content-text {
    background-color: #fcf5e8;
    color: #3b6094;
    font-size: 1.1rem;
    padding: 20px 10%;
    text-align: center;
    border-radius: 10px;
}

.whatTwo__content-text span {
    display: block;
}

.whatTwo a {
    display: block;
    background-color: #3b6094;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    width: 350px;
    margin: 30px auto auto;
}

.testimonios.francia {
    background-color: #3b6094;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    margin: 80px 7%;
    padding: 30px 3%;
}

.testimonios.francia h2 {
    color: #fff;
}

.testimonios.francia .testimonios__content p {
    color: #fff;
}

.testimonios.francia .testimonios__content-text p {
    font-size: 0.9rem;
    line-height: 20px;
}

html {
    scroll-behavior: smooth;
}

#videos-testimonios {
    scroll-margin-top: 100px; /* Ajusta según tu header */
}

.acompanamos.francia {
    background-color: #3b6094;
}

.acompanamos.francia .acompanamos__content-title h2 {
    color: #fff;
}

.acompanamos.francia .acompanamos__content-title p {
    color: #fff;
}

.acompanamos.francia .acompananos__content-optionsNumber {
    background-color: #e9bb65;
}

.acompanamos.francia .acompananos__content-options p a {
    background-color: #fff;
    color: #3b6094;
    border-bottom: solid 1.5px #3b6094;
    border-radius: 0px;
    display: inline;
    padding: 0px;
    font-weight: 600;
}

.acompanamos.francia .acompananos__content {
    display: flex;
    justify-content: space-between;
    gap: 0px;
    margin: 50px 0px 0px 0px;
}

.acompanamos.francia .acompananos__content-div:nth-child(1) a {
    margin-top: 20px;
}

.reconocimiento {
    padding: 50px 10%;
}

.reconocimiento h2 {
    text-align: center;
    color: #3b6094;
    font-size: 2rem;
    margin: 30px auto;
    width: 50%;
}

.reconocimiento__content {
    display: flex;
    justify-content: space-between;
}

.reconocimiento__content div {
    width: 45%;
}

.reconocimiento__content div p {
    margin: 20px 0px;
    line-height: 25px;
}

.reconocimiento__content div span {
    font-size: 1.1rem;
    color: #3b6094;
    font-weight: 600;
}

.reconocimiento__content div p span {
    font-weight: 600;
}

.reconocimiento__content div img {
    width: 100%;
}

.reconocimiento__content div a {
    background-color: #e9bb65;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}

.trabajar.francia {
    display: block;
}

.trabajar.francia .trabajar__content {
    display: flex;
    width: 100%;
}

.trabajar__text p {
    margin: 10px 0px;
}

.trabajar__text p i {
    color: #e9bb65;
    margin-right: 10px;
}

.trabajar__p {
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 20px 0px;
}

.trabajar__button {
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
    display: block;
    background-color: #e9bb65;
    padding: 10px 20px;
    border-radius: 5px;
    width: 300px;
    margin: 30px auto 0px auto;
}

.establecerse {
    padding: 50px 10%;
}

.establecerse h2 {
    color: #3b6094;
    text-align: center;
    font-size: 2rem;
    margin: 30px 0px;
}

.establecerse p {
    text-align: center;
    width: 70%;
    margin: auto;
}

.establecerse__options {
    display: flex;
    margin: 40px auto;
    justify-content: space-between;
}

.establecerse__options div {
    width: 300px;
    background-color: #fafbfc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.establecerse__options div span {
    background-color: #3b6094;
    width: 100%;
    display: block;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 20px 0px;
}

.establecerse__options div:nth-child(2) span {
    background-color: #e9bb65;
}

.establecerse__options div p {
    font-size: 0.9rem;
    margin: 30px 0px;
}

.__button {
    text-align: center;
    margin: 60px 0px 20px 0px;
}

.establecerse__button {
    text-align: center;
}

.establecerse__button a {
    background-color: #e9bb65;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
}

.establecerse__button a:nth-child(2) {
    background-color: #fff;
    border: solid 2px #e9bb65;
    color: #e9bb65;
    margin-left: 10px;
}

.aprender {
    background-color: #3b6094;
    display: flex;
    justify-content: space-between;
    padding: 50px 10%;
}

.aprender div:nth-child(1) {
    width: 35%;
}

.aprender div:nth-child(2) {
    width: 55%;
    padding-right: 10%;
}

.aprender video {
    width: 250px;
    border-radius: 10px;
    margin-left: auto;
    display: block;
}

.aprender h2 {
    color: #fff;
    font-size: 2rem;
    margin: 20px 0px;
}

.aprender p {
    color: #fff;
}

.aprender__options {
    background-color: #e9bb65;
    display: flex;
    padding: 20px;
    margin: 20px 0px;
    align-items: center;
    border-radius: 5px;
}

.aprender .aprender__options:nth-child(4) {
    background-color: #fff;
}

.aprender__options i {
    background-color: #fff;
    min-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    color: #e9bb65;
    border-radius: 100%;
    padding: 0px;
    margin-right: 20px;
}

.aprender__options div {
    padding: 0px;
    display: block;
    margin: 0px;
    min-width: 100%;
}

.aprender__options div span {
    color: #fff;
    font-weight: 600;
}

.aprender__options p {
    margin-top: 10px;
    font-size: 0.9rem;
    margin-right: 20px;
}

.aprender .aprender__options:nth-child(4) span {
    color: #3b6094;
}

.aprender .aprender__options:nth-child(4) p {
    color: #000;
}

.aprender .aprender__options:nth-child(4) i {
    background-color: #e9bb65;
    color: #fff;
}

.preparacion {
    padding: 50px 10%;
}

.preparacion__content {
    display: flex;
    justify-content: space-between;
}

.preparacion__content div {
    width: 45%;
}

.preparacion__content div:nth-child(2) {
    display: flex;
    align-items: center;
}

.preparacion__content div img {
    width: 100%;
    border-radius: 10px;
}

.preparacion__content div video {
    width: 80%;
    border-radius: 10px;
}

.preparacion__content div h2 {
    color: #3b6094;
    font-size: 1.8rem;
}

.preparacion__content div p {
    margin: 20px 0px;
}

.preparacion__content div span {
    font-size: 1.1rem;
    color: #3b6094;
    font-weight: 600;
}

.preparacion__content-options {
    min-width: 100%;
    display: flex;
    border: solid 1px #aaa;
    border-radius: 10px;
    align-items: center;
    padding: 10px;
    margin: 20px 0px 0px 0px;
}

.preparacion__content-options i {
    min-width: 50px;
    min-height: 50px;
    background-color: #e9bb65;
    color: #fff;
    border-radius: 100%;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.preparacion__content-options div {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.preparacion__content-options div span {
    color: #000;
}

.preparacion__content-options div p {
    font-size: 0.9rem;
    margin: 10px 0px;
}

.preparacion__content-options:nth-child(6) {
    background-color: #e9bb65;
}

.preparacion__content-options:nth-child(6) i {
    background-color: #fff;
    color: #e9bb65;
}

.preparacion__content-options:nth-child(6) span, .preparacion__content-options:nth-child(6) p {
    color: #fff;
}

.preparacion__text {
    background-color: #fcf5e8;
    display: block;
    text-align: center;
    margin: 30px 0px;
    width: 100%;
    color: #3b6094;
    padding: 20px 0px;
    border-radius: 10px;
    font-weight: 600;
}

.preparacion__text a {
    color: #3b6094;
    border-bottom: solid 1.5px #3b6094;
}

.preparacion__button {
    display: block;
    width: 360px;
    background-color: #3b6094;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    border-radius: 10px;
    margin: auto;
}

.faq {
    padding: 80px 10%;
}

.faq h2 {
    color: #3b6094;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
}

.faq__option {
    border-bottom: solid 1px #aaa;
    padding: 30px 0px;
}

.faq__option-title {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.faq__option span {
    color: #3b6094;
    font-size: 1.1rem;
    font-weight: 600;
}

.faq__option i {
    color: #fff;
    background-color: #3b6094;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
}

.faq__option i.fa-minus {
    display: none;
    background-color: #e9bb65;
}

.faq__option p {
    margin-top: 20px;
    margin-right: 40px;
    display: none;
}

/********** SUIZA **********/

.nav__social.red {
    background-color: #47080d;
}

.nav__social.red a i {
    color: #cb1725;
}

.nav.suiza {
    background-color: #cb1725;
}

.nav.suiza li div {
    background-color: #cb1725;
    border-color: #47080d;
}

.nav.suiza a:nth-child(3) {
    color: #cb1725;
}

.nav.suiza li div a:nth-child(3) {
    color: #fff;
}

.home.suiza::after {
    background-color: rgb(0, 0, 0, 0.4);
}

.home.suiza .home__content h1 {
    width: 500px;
}

.home.suiza .home__content-button a {
    background-color: #cb1725;
}

.calidad {
    background-color: #fff;
    position: relative;
    width: 75%;
    margin: -50px auto 0px auto;
    border-radius: 20px;
    padding: 50px 5%;
    box-shadow: 0px 0px 10px #000;
}

.calidad h2 {
    font-size: 2rem;
    color: #cb1725;
    text-align: center;
}

.calidad p {
    text-align: center;
    font-size: 0.9rem;
    margin: 20px 0px;
}

.calidad a {
    background-color: #cb1725;
    display: block;
    width: 300px;
    margin: auto;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
    border-radius: 10px;
}

.retos.suiza .retos__title {
    color: #cb1725;
}

.retos.suiza .retos__options div {
    background-color: #fffafa;
}

.retos.suiza .retos__options span {
    color: #cb1725;
}

.retos.suiza .retos__options span i {
    background-color: #cb1725;
}

.retos.suiza .retos__text-text {
    background-color: #fcf5e8;
    font-weight: 600;
    text-align: center;
    padding: 15px 0px;
    border-radius: 10px;
}

.what.suiza {
    background-color: #cb1725;
}

.what.suiza .what__options div i {
    background-color: #cb1725;
}

.what.suiza .what__options div.suiza i {
    background-color: #cb1725 !important;
}

.what.suiza .what__options div span {
    color: #000;
}

.what.suiza .what__options div.suiza span {
    color: #000 !important;
}

.what.suiza .what__options div:nth-child(1) {
    background-color: #fff;
}

.what.suiza .what__options div:nth-child(1) i {
    background-color: #cb1725;
    color: #fff;
}

.what.suiza .what__options div:nth-child(1) p {
    color: #000;
}

.what.suiza .what__options div:nth-child(2) {
    background-color: #47080d;
}

.what.suiza .what__options div:nth-child(2) i {
    background-color: #fff;
    color: #cb1725;
}

.what.suiza .what__options div:nth-child(2) span {
    color: #fff;
}

.what.suiza .what__options div:nth-child(2) p {
    color: #fff;
}

.testimonios.suiza {
    background-color: #fffafa;
}

.testimonios.suiza .testimonios__content-video {
    justify-content: space-evenly;
}


.testimonios.suiza .testimonios__content h2 {
    color: #cb1725;
    font-size: 2rem;
}

.testimonios.suiza .testimonios__content a {
    background-color: #cb1725;
}

.testimonios.suiza .testimonios__content-videoText {
    background-color: #cb1725;
}

.whatTwo.suiza h2 {
    color: #cb1725;
    font-size: 1.8rem;
    margin-bottom: 30px;
}

.whatTwo.suiza span {
    color: #000;
    font-weight: 600;
}

.whatTwo.suiza .whatTwo__content-options:nth-child(4) {
    border: none;
    background-color: #cb1725;
}

.whatTwo.suiza .whatTwo__content-options:nth-child(4) span {
    color: #fff;
}

.whatTwo.suiza .whatTwo__content-options:nth-child(4) p {
    color: #fff;
}

.whatTwo.suiza .whatTwo__content-options img {
    width: 60px;
    height: 60px;
}

.whatTwo.suiza .whatTwo__content-img {
    margin-top: 120px;
}

.whatTwo.suiza .whatTwo__content-text {
    color: #000;
    font-weight: 600;
    font-size: 1rem !important;
}

.whatTwo.suiza a {
    background-color: #cb1725;
    width: 250px;
    text-align: center;
}

.acompanamos.suiza {
    background-color: #fffafa;
}

.acompanamos.suiza .acompanamos__content-title h2 {
    color: #cb1725;
}

.acompanamos.suiza .acompananos__content-div:nth-child(1) a {
    background-color: #cb1725;
    margin-top: 20px;
}

.acompanamos.suiza .acompananos__content-optionsNumber {
    background-color: #cb1725;
}

.acompanamos.suiza .acompananos__content-options a {
    background-color: #cb1725;
}

.acompanamos.suiza .acompananos__content-options span {
    color: #cb1725;
}

.ofertas.suiza div {
    background-color: #cb1725;
}

.ofertas.suiza .ofertas__button a {
    background-color: #fff;
    color: #cb1725;
}

.homeTwo.suiza h2 {
    color: #cb1725;
}

.homeTwo.suiza a {
    background-color: #cb1725;
}

.homeTwo.suiza div img {
    width: 120%;
    border-radius: 10px;
    margin-top: 30px;
}

.fundadores {
    background-color: #fafbfc;
    padding: 40px 0px;
}

.fundadores h2 {
    color: #cb1725;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 30px;
}

.fundadores p {
    text-align: center;
    display: block;
    width: 60%;
    margin: auto;
}

.fundadores__founder {
    display: flex;
    text-align: center;
    margin: 40px 0px;
}

.fundadores__founder img {
    width: 200px;
    margin: 20px 0px;
}

.fundadores__founder h3 {
    color: #cb1725;
    font-size: 1.3rem;
}

.fundadores__founder span {
    font-weight: 700;
    display: block;
    margin: 10px 0px;
}

.fundadores__founder a {
    background-color: #cb1725;
    color: #fff;
    display: block;
    width: 280px;
    margin: 30px auto;
    border-radius: 8px;
    padding: 8px 15px;
}

.linguistica {
    margin: 50px 10%;
    background-image: url('./images/8_BG_EMPLEOS.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    position: relative;
    padding: 50px;
}

.linguistica::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgb(203, 23, 37, 0.8);
    border-radius: 20px;
}

.linguistica__content {
    position: relative;
    z-index: 1;
}

.linguistica__content h2 {
    color: #fff;
    font-size: 2rem;
    text-align: center;
    width: 400px;
    margin: auto;
}

.linguistica__content p {
    color: #fff;
    width: 500px;
    margin: 20px auto;
    text-align: center;
}

.linguistica__content span {
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: block;
    margin: 20px auto;
}

.linguistica__options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.linguistica__options div {
    width: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.linguistica__options i {
    color: #cb1725;
    background-color: #fff;
    min-width: 30px;
    min-height: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
}

.linguistica__options p {
    width: 200px;
    margin: 10px auto;
}

.linguistica__content-text {
    min-width: 100%;
    background-color: #fcf5e8;
    color: #000 !important;
    padding: 20px 0px;
    border-radius: 10px;
    font-weight: 600;
}

.linguistica__content a {
    background-color: #fff;
    display: block;
    width: 200px;
    margin: 30px auto;
    text-align: center;
    color: #cb1725;
    font-weight: 600;
    padding: 10px 0px;
    border-radius: 10px;
}

.homeTwo.suiza.red {
    background-color: #fffafa;
}

.homeTwo.suiza div:nth-child(1) {
    display: flex;
    justify-content: center;
}

.homeTwo.suiza .homeTwo__button {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.homeTwo.suiza .homeTwo__button div {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 10px 5px;
    width: 210px;
    border: solid 1px #aaa;
    border-radius: 10px;
    padding: 5px 10px;
    height: 70px;
}

.homeTwo.suiza .homeTwo__button div:nth-child(1) {
    background-color: #cb1725;
}

.homeTwo.suiza .homeTwo__button div i {
    color: #fff;
    background-color: #cb1725;
    min-width: 25px;
    min-height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 10px;
    font-size: 0.9rem;
}

.homeTwo.suiza .homeTwo__button div p {
    font-size: 0.85rem;
    text-align: left;
}

.homeTwo.suiza .homeTwo__button div:nth-child(1) i {
    background-color: #fff;
    color: #cb1725;
}

.homeTwo.suiza .homeTwo__button div:nth-child(1) p {
    color: #fff;
}

.homeTwo.suiza .homeTwo__img img {
    width: 50%;
    margin-bottom: 20px;
}

.faq.suiza h2 {
    color: #cb1725;
}

.faq.suiza .faq__option span {
    color: #cb1725;
}

.faq.suiza .faq__option i {
    background-color: #cb1725;
}

.faq.suiza .faq__option i.fa-minus {
    background-color: #47080d;
}

.reserva.suiza {
    background-image: url('./images/8_BG_EMPLEOS.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.reserva.suiza::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 20px;
    background-color: rgb(71, 8, 13, 0.7);
}

.reserva.suiza div {
    position: relative;
    z-index: 1;
}

.reserva.suiza div a {
    color: #cb1725;
    background-color: #fff;
    font-weight: 600;
}

.reserva div img {
    width: 80%;
}

/********** HOMOLOGACIÓN **********/

.home.homologacion {
    background-image: url('./images/1_BG.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home.homologacion.asesoramiento::after {
    background-color: rgb(59, 96, 148, 0.3);
}

.homologacion div video {
    width: 70%;
}

.homeTwo.homologacion div img {
    width: 120%;
}

.homeTwo.homologacion p {
    margin: 10px 0px;
    text-align: left;
    display: block;
    width: 100%;
}

.homeTwo.homologacion p span {
    font-weight: 600;
}

.what.homologacion {
    background-image: none;
}

.what.homologacion span {
    text-align: center;
}

.documentos {
    padding: 40px 0px;
}

.documentos h2 {
    color: #3b6094;
    text-align: center;
    font-size: 2rem;
}

.documentos__options {
    display: flex;
    margin: 20px 0px;
    justify-content: space-evenly;
    margin: 40px 0px;
}

.documentos__options div {
    width: 200px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.documentos__options div i {
    background-color: #3b6094;
    min-width: 40px;
    min-height: 40px;
    font-size: 1.2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-right: 10px;
}

.documentos__options div p {
    color: #3b6094;
    font-weight: 600;
    
}

.documentos__form {
    margin: 0px 10%;
    background-image: url('./images/6_Contact\ form\ BG.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 20px;
}

.documentos__form::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgb(59, 96, 148, 0.8);
    border-radius: 20px;
}

.documentos__form.suiza::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgb(203, 23, 37, 0.8);
    border-radius: 20px;
}

.documentos__form-content {
    position: relative;
    z-index: 1;
    display: flex;
    padding: 50px;
    justify-content: space-between;
}

.documentos__form-content div {
    width: 45%;
}

.documentos__form-content div:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.documentos__form-content h2 {
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
}

.documentos__form-content p {
    color: #fff;
    margin: 15px 0px;
}

.documentos__form-content p i {
    color: #e9bb65;
}

.documentos__form-content form {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
}

.documentos__form-content form input {
    display: block;
    width: 90%;
    border: none;
    outline: none;
    border-bottom: solid 2px #aaa;
    padding: 10px 0px;
    margin: 25px auto;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: 1s;
    font-weight: 400;
}

.documentos__form-content form input:focus {
    border-bottom: solid 2px #e9bb65;
}

.documentos__form-content form input:focus::placeholder {
    color: #3b6094;
    font-weight: 500;
}

.documentos__form-content form input:nth-child(5) {
    display: block;
    width: 30%;
    margin: 70px auto 0px 5%;
    background-color: #e9bb65;
    border: none;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.documentos__form.suiza .documentos__form-content form input:nth-child(5) {
    background-color: #47080d;
}

.documentos__form-content form input:nth-child(5):hover {
    color: #aaa;
}

.funciona {
    padding: 40px 10%;
}

.funciona h2 {
    text-align: center;
    font-size: 2rem;
    color: #3b6094;
}

.funciona.suiza h2 {
    text-align: center;
    font-size: 2rem;
    color: #cb1725;
}

.funciona__content {
    display: flex;
    padding: 40px 0px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.funciona__content div {
    width: 200px;
    text-align: center;
}

.funciona__content div p:nth-child(1) {
    background-color: #e9bb65;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 100%;
    font-size: 1.3rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.funciona.suiza .funciona__content div p:nth-child(1) {
    background-color: #47080d;
}

.funciona__content div span {
    color: #3b6094;
    font-weight: 600;
}

.funciona.suiza .funciona__content div span {
    color: #cb1725;
    font-weight: 600;
}

.funciona__content div p:nth-child(3) {
    margin-top: 10px;
    font-size: 0.9rem;
}

.acompanamos.homologacion .acompananos__content-options div {
    width: 100%;
}

.acompanamos.homologacion .acompananos__content-options div p {
    font-size: 0.9rem;
}

/********** ASESORAMIENTO GRATUITO **********/

.home__content.asesoramiento {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 75%;
}

.home__content.asesoramiento h1 {
    margin-top: 40px;
    font-size: 2.8rem;
}

.home__content.asesoramiento p {
    line-height: 25px;
    font-size: 1rem;
}

.home__content.asesoramiento div {
    width: 45%;
}

.home__content.asesoramiento div:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home__content.asesoramiento div iframe {
    width: 100%;
    height: 100%;
}

.retos.asesoramiento .retos__title {
    margin: 20px 10%;
}

.retos.asesoramiento .retos__text {
    width: 75%;
}

.funciona.asesoramiento {
    padding: 50px;
    margin: 20px 10%;
    background-image: url('./images/6_Contact\ form\ BG.jpg');
    position: relative;
    border-radius: 20px;
}

.funciona.asesoramiento::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(59, 96, 148, 0.9);
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 20px;
}

.funciona.asesoramiento h2 {
    position: relative;
    z-index: 1;
    color: #fff;
    letter-spacing: 0.5px;
}

.funciona.asesoramiento .funciona__text {
    position: relative;
    z-index: 1;
    width: 75%;
    margin: 20px auto;
    text-align: center;
    color: #fff;
}

.funciona.asesoramiento .funciona__content {
    position: relative;
    z-index: 1;
}

.funciona.asesoramiento .funciona__content div span {
    color: #fff;
}

.funciona.asesoramiento .funciona__content div p:nth-child(3) {
    color: #fff;
    line-height: 20px;
    margin-top: 20px;
}

.funciona.asesoramiento a {
    background-color: #e9bb65;
    position: relative;
    z-index: 1;
    display: block;
    width: 150px;
    color: #fff;
    text-align: center;
    margin: auto;
    padding: 10px;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.testimonios.asesoramiento {
    background-color: #3b6094;
}

.testimonios.asesoramiento .testimonios__content h2 {
    color: #fff;
    font-size: 2rem;
}

.testimonios.asesoramiento .testimonios__content p {
    color: #fff;
}


.hero-landing {
  background: linear-gradient(135deg, 
              rgba(66, 107, 164, 0.92) 0%, 
              rgba(123, 184, 198, 0.88) 100%),
              url('./images/fisio-hero-bg.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 180px 2rem 100px;
  position: relative;
  overflow: hidden;
}

.hero-landing::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(233, 187, 101, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.hero-landing .hero-content {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-landing h1 {
  font-family: "Roboto", serif;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.hero-landing p {
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  line-height: 1.7;
  max-width: 750px;
  margin: 0 auto;
  font-weight: 400;
  opacity: 0.95;
}



.opciones-landing {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
  padding: 80px 2rem;
  background: linear-gradient(180deg, #fafbfc 0%, #f3f6f9 100%);
  position: relative;
}

.opcion {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(66, 107, 164, 0.12);
  padding: 3rem 2.5rem;
  max-width: 520px;
  flex: 1 1 450px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(66, 107, 164, 0.08);
  display: flex;
  flex-direction: column;
}

.opcion.premium {
  border: 2px solid rgba(66, 107, 164, 0.3); 
  transform: scale(1.02); 
  z-index: 2;
}

.badge-premium {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #426ba4;
  color: #fff;
  padding: 5px 15px;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.opcion i {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  width: 80px;
  height: 80px;
  color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.opcion.aplicacion i {
  background: linear-gradient(135deg, #e9bb65 0%, #d7a84f 100%);
  box-shadow: 0 8px 20px rgba(233, 187, 101, 0.3);
}

.opcion.premium i {
  background: linear-gradient(135deg, #426ba4 0%, #7bb8c6 100%);
  box-shadow: 0 8px 20px rgba(66, 107, 164, 0.25);
}

.opcion h2 {
  font-family: "Cinzel", serif;
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.opcion.aplicacion h2 {
  background: linear-gradient(135deg, #426ba4 0%, #e9bb65 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.opcion.premium h2 {
  color: #426ba4;
  background: none;
  -webkit-text-fill-color: initial;
}

.opcion p {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  color: #4a5568;
  line-height: 1.8;
  margin-bottom: 2rem;
  flex-grow: 1;
}


.precio-gratis, .precio-premium {
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5rem;
    font-family: "Roboto", sans-serif;
    padding: 10px;
    border-radius: 12px;
    border: 1px dashed;
    min-height: 85px; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.precio-gratis {
    color: #d7a84f;
    background: rgba(233, 187, 101, 0.05);
    border-color: rgba(233, 187, 101, 0.2);
}

.precio-gratis::after {
    content: 'Consulta inicial';
    font-size: 0.9rem;
    font-weight: 400;
    color: #4a5568;
}

.precio-premium {
    color: #426ba4;
    background: rgba(66, 107, 164, 0.05);
    border-color: rgba(66, 107, 164, 0.2);
}

.precio-premium::after {
    content: ' (pago único)';
    font-size: 0.9rem;
    font-weight: 400;
    color: #4a5568;
}

.btn-aplicar, .btn-premium {
  display: inline-block;
  width: 100%;
  margin-top: auto;
  padding: 14px 28px;
  border-radius: 12px;
  text-decoration: none;
  font-family: "Cinzel", serif;
  font-weight: 600;
  font-size: 1.05rem;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-aplicar {
  background: linear-gradient(135deg, #e9bb65 0%, #d7a84f 100%);
  color: #fff;
  box-shadow: 0 6px 20px rgba(233, 187, 101, 0.3);
}

.btn-premium {
  background: linear-gradient(135deg, #426ba4 0%, #7bb8c6 100%);
  color: #fff;
  box-shadow: 0 6px 20px rgba(66, 107, 164, 0.3);
}

.opcion:hover {
  transform: translateY(-8px);
}

.opcion.premium:hover {
  transform: translateY(-10px) scale(1.04);
  border-color: #426ba4;
  box-shadow: 0 20px 50px rgba(66, 107, 164, 0.2);
}
.popup-pais {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(66, 107, 164, 0.5);
  backdrop-filter: blur(8px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.popup-pais.active {
  opacity: 1;
}

.popup-content {
  background: #fff;
  padding: 3rem 2.5rem;
  border-radius: 24px;
  text-align: center;
  max-width: 480px;
  width: 90%;
  position: relative;
  box-shadow: 0 20px 60px rgba(66, 107, 164, 0.25);
  animation: popupScale 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(66, 107, 164, 0.1);
}

@keyframes popupScale {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.popup-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 24px 24px 0 0;
}

.popup-content h3 {
  color: #426ba4;
  font-family: "Roboto", serif;
  font-size: 1.8rem;
  margin-bottom: 2.5rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.popup-buttons {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.popup-btn {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-family: "Cinzel", serif;
  font-weight: 600;
  font-size: 1.05rem;
  color: #fff;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 160px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}

.popup-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.5s, height 0.5s;
}

.popup-btn:hover::before {
  width: 300px;
  height: 300px;
}

.popup-btn.francia {
  background: linear-gradient(135deg, #426ba4 0%, #7bb8c6 100%);
}

.popup-btn.suiza {
  background: linear-gradient(135deg, #8E0E22 0%, #CB1725 100%);
}

.popup-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

.cerrar-popup {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  font-size: 1.8rem;
  color: #94a3b8;
  background: #f1f5f9;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.cerrar-popup:hover {
  background: #426ba4;
  color: #fff;
  transform: rotate(90deg);
}

/* ===========================
   RESPONSIVE
   =========================== */
@media (max-width: 768px) {
  .hero-landing {
    padding: 140px 1.5rem 80px;
  }

  .hero-landing h1 {
    font-size: 2rem;
    line-height: 1.3;
  }

  .hero-landing p {
    font-size: 1.1rem;
  }

  .opciones-landing {
    padding: 60px 1.5rem;
    gap: 2rem;
  }

  .opcion {
    padding: 2.5rem 2rem;
    flex: 1 1 100%;
  }

  .opcion i {
    width: 70px;
    height: 70px;
    font-size: 2.5rem;
  }

  .opcion h2 {
    font-size: 1.5rem;
  }

  .popup-content {
    padding: 2.5rem 2rem;
    width: 92%;
  }

  .popup-content h3 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }

  .popup-buttons {
    flex-direction: column;
    gap: 1rem;
  }

  .popup-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .hero-landing {
    padding: 120px 1rem 60px;
  }

  .hero-landing h1 {
    font-size: 1.75rem;
  }

  .hero-landing p {
    font-size: 1rem;
  }

  .opciones-landing {
    padding: 50px 1rem;
  }

  .opcion {
    padding: 2rem 1.5rem;
  }

  .opcion i {
    width: 60px;
    height: 60px;
    font-size: 2rem;
  }

  .opcion h2 {
    font-size: 1.35rem;
  }

  .opcion p {
    font-size: 0.95rem;
  }

  .popup-content {
    padding: 2rem 1.5rem;
  }

  .popup-content h3 {
    font-size: 1.35rem;
  }

  .cerrar-popup {
    width: 32px;
    height: 32px;
    font-size: 1.5rem;
  }
}


/********** EMPRESAS **********/

.home.empresas {
    background-image: url('./images/1_BG_EMPRESAS\ \(1\).jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -60px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
}

.home.empresas.suiza {
    background-image: url('./images/pexels-tranmautritam-922978.jpg');
}

.home.empresas.suiza h1 {
    margin: auto;
}

.home.empresas::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0, 0, 0, 0.3);
}

.home.empresas .home__content {
    position: relative;
    top: 8vh;
    padding: 0px;
    text-align: center;
}

.retos.empresas .retos__span {
    color: #3b6094;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
    margin: 30px 0px;
}

.retos.empresas .retos__options div {
    width: 300px;
}

.what.empresas .what__text {
    color: #fff;
    width: 75%;
    margin: auto;
    text-align: center;
}

.what.empresas .what__options div {
    width: 240px;
}

.what.empresas .what__options div:nth-child(1) {
    background-color: #fff;
}

.what.empresas .what__options div:nth-child(1) i {
    background-color: #e9bb65;
    color: #fff;
}

.what.empresas .what__options div:nth-child(1) span {
    color: #3b6094;
}

.what.empresas .what__options div:nth-child(1) p {
    color: #000;
}

.documentos.empresas {
    margin-top: -50px;
}

.documentos.empresas form input:nth-child(5) {
    width: 200px;
}

select {
    padding: 10px;
    font-size: 1rem;
    background-color: #e9bb65;
    border: none;
    outline: none;
    width: 250px;
    margin-top: 40px;
    border-radius: 5px;
    color: #fff;
}

select.suiza {
    background-color: #47080d;
    font-weight: 600;
}

select option {
    background-color: #fff;
    color: #000;
}

#block1 {
    display: block;
}

/********** TIPOS DE TRABAJO **********/

.home.trabajos {
    background-image: url('./images/1_BG_Fisioterapeuta.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.centros {
    background-color: #3b6094;
    display: flex;
    justify-content: space-between;
    padding: 50px 10%;
}

.centros div {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.centros div video {
    width: 90%;
    border-radius: 10px;
}

.centros div h2 {
    color: #fff;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 40px;
}

.centros div p {
    color: #fff;
    margin: 20px 0px;
}

.centros .centros__options {
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 10px 0px;
    border-radius: 5px;
    align-items: center;
    padding: 10px 20px;
    height: 100px;
}

.centros .centros__options div {
    width: 100%;
}

.centros .centros__options span {
    color: #3b6094;
    font-weight: 600;
    margin-bottom: 5px;
}

.centros .centros__options p {
    color: #000;
    margin: 0px;
}

.centros .centros__options i {
    color: #fff;
    background-color: #e9bb65;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    font-size: 1.3rem;
}

.centros .centros__options:nth-child(3) {
    background-color: #e9bb65;
}

.centros .centros__options:nth-child(3) span {
    color: #fff;
}

.centros .centros__options:nth-child(3) p {
    color: #fff;
}

.centros .centros__options:nth-child(3) i {
    background-color: #fff;
    color: #e9bb65;
}

.preparacion.trabajos .preparacion__content div:nth-child(2) {
    flex-direction: column;
    justify-content: end;
}

.preparacion.trabajos .preparacion__content div:nth-child(2) a {
    background-color: #e9bb65;
    width: 100%;
    color: #fff;
    margin-top: 30px;
    padding: 15px 0px;
    text-align: center;
    border-radius: 5px;
}

.preparacion.trabajos .preparacion__content div span {
    font-size: 1.1rem;
    color: #3b6094;
    font-weight: 600;
}

.preparacion.trabajos .preparacion__content div p {
    font-size: 0.9rem;
    margin-top: 10px;
}

.preparacion.trabajos .preparacion__content div p span {
    font-size: 1rem;
    color: #000;
    font-weight: 600;
}

.preparacion.trabajos .preparacion__content-options i {
    background-color: #3b6094;
    color: #fff;
}

.preparacion.trabajos .preparacion__content div a {
    background-color: #e9bb65;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
}

.preparacion.trabajos .preparacion__content-options:nth-child(6) {
    background-color: #fff;
}

.preparacion.trabajos .preparacion__content-options:nth-child(6) span {
    color: #3b6094;
}

.preparacion.trabajos .preparacion__content-options:nth-child(6) p {
    color: #000;
}

.preparacion.trabajos .preparacion__content-options:nth-child(7) {
    background-color: #3b6094;
}

.preparacion.trabajos .preparacion__content-options:nth-child(7) i {
    background-color: #fff;
    color: #3b6094;
}

.preparacion.trabajos .preparacion__content-options:nth-child(7) span, .preparacion.trabajos .preparacion__content-options:nth-child(7) p {
    color: #fff;
}

.trabajar.trabajos {
    background-image: url('./images/4_BG_Physical_therapy.jpg');
}

.trabajar.trabajos .trabajar__text a {
    background-color: #e9bb65;
    width: 250px;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
    margin-top: 20px;
}

.trabajar.trabajos .trabajar__benefits {
    justify-content: space-evenly;
}

.trabajar.trabajos .trabajar__benefits div {
    width: 230px;
    height: 200px;
    padding: 10px;
}

.homeTwo.trabajos div img {
    width: 100%;
}

.homeTwo.trabajos div span {
    font-weight: 600;
    margin: 20px auto 10px 0px;
    text-align: left;
    font-size: 1.1rem;
}

.homeTwo.trabajos div p span {
    font-weight: 600;
    font-size: 1rem;
}

.homeTwo.trabajos.two {
    margin-top: -80px;
}

.homeTwo.trabajos.two div {
    width: 300px;
}

.homeTwo.trabajos i {
    background-color: #e9bb65;
    color: #fff;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 1rem;
    margin-right: auto;
    margin-right: 15px;
}

.homeTwo.guia.trabajos {
    background-color: #fffafa;
}

.preparacion.trabajos.instalacion .preparacion__content-options:nth-child(6) {
    background-color: #3b6094;
}

.preparacion.trabajos.instalacion .preparacion__content-options:nth-child(6) i {
    background-color: #fff;
    color: #3b6094;
}

.preparacion.trabajos.instalacion .preparacion__content-options:nth-child(6) span, .preparacion.trabajos.instalacion .preparacion__content-options:nth-child(6) p {
    color: #fff;
}

.acompanamos.instalacion .acompanamos__content-title h2 {
    min-width: 50%;
}

.acompanamos.instalacion .acompanamos__content-title p {
    line-height: 25px;
}

.acompanamos.instalacion .acompananos__content-options:nth-child(4) div {
    width: 100%;
}

/********** INSTALACIÓN **********/

.home.instalacion {
    background-image: url('./images/Mask\ group\ \(1\).png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home.instalacion::after {
    background-color: rgb(0, 0, 0, 0.1);
}

.solicitudes {
    margin: 0px 10%;
    background-color: #3b6094;
    border-radius: 20px;
    padding: 50px;
    display: flex;
    justify-content: space-evenly;
    position: relative;
}

.solicitudes div:nth-child(1) {
    min-width: 30%;
    margin-right: 30px;
}

.solicitudes h2 {
    font-size: 2rem;
    color: #fff;
}

.solicitudes p {
    color: #fff;
    margin: 20px 0px;
}

.solicitudes p span {
    color: #e9bb65;
    font-weight: 600;
}

.solicitudes a {
    color: #fff;
    background-color: #e9bb65;
    padding: 10px 0px;
    border-radius: 8px;
    display: block;
    width: 250px;
    text-align: center;
}

.solicitudes img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
}

.funciona.instalacion {
    margin-top: 30px;
}

.funciona.instalacion p {
    text-align: center;
    width: 60%;
    line-height: 25px;
    margin: auto;
    margin-top: 20px;
}

.funciona.instalacion .funciona__content {
    justify-content: space-evenly;
}

.funciona.instalacion .funciona__content p:nth-child(3) {
    width: 100%;
}

.funciona.instalacion a {
    width: 280px;
    display: block;
    background-color: #e9bb65;
    color: #fff;
    margin: auto;
    padding: 10px 0px;
    text-align: center;
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.homeTwo.instalacion a {
    background-color: #3b6094;
}

.homeTwo.instalacion img {
    width: 60%;
    margin-top: 0px;
}

.homeTwo.guia.instalacion div span {
    color: #3b6094;
}

.acompanamos.instalacion .acompananos__content-options:nth-child(1) div {
    width: 100%;
}

.acompanamos.instalacion .acompananos__content-options p {
    font-size: 0.9rem;
}

.acompanamos.instalacion .acompananos__content-options:nth-child(3) div {
    width: 100%;
    margin-right: auto;
}

.acompanamos.instalacion .acompananos__content-options a {
    background-color: #3b6094;
    color: #fff;
    padding: 10px 0px;
    border-radius: 10px;
    min-width: 150px;
    text-align: center;
    display: block;
}

/********** ISLAS **********/

.whatTwo.islas h2 {
    color: #3b6094;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.whatTwo.islas .whatTwo__content-options:nth-child(7) {
    border: none;
    background-color: #e9bb65;
}

.whatTwo.islas .whatTwo__content-options:nth-child(7) span {
    color: #fff;
}

.whatTwo.islas .whatTwo__content-options:nth-child(7) p {
    color: #fff;
}

.whatTwo.islas .whatTwo__content-options:nth-child(5) {
    background-color: #fff;
}

.whatTwo.islas .whatTwo__content-options:nth-child(5) span {
    color: #3b6094;
}

.whatTwo.islas .whatTwo__content-options:nth-child(6) span {
    color: #3b6094;
}

.whatTwo.islas .whatTwo__content-options:nth-child(5) p {
    color: #000;
}

.whatTwo.islas .whatTwo__content-options:nth-child(4) {
    border: solid 1px #aaa;
}

.whatTwo.islas .whatTwo__content-options:nth-child(4) p {
    color: #000;
}

.whatTwo.islas .whatTwo__content-options:nth-child(4) {
    background-color: #fff;
}

.whatTwo.islas .whatTwo__content-options:nth-child(4) span {
    color: #3b6094;
}

.whatTwo.islas .whatTwo__content-img {
    background-color: transparent;
}

.whatTwo.islas .whatTwo__content-img video {
    width: 80%;
    margin-top: -80px;
    border-radius: 10px;
}

.homeTwo.islas div:nth-child(1) {
    display: flex;
    justify-content: center;
}

.homeTwo.islas img {
    width: 100%;
}

.plus {
    padding: 0px 10%;

}

.plus p {
    display: block;
    width: 100%;
    background-color: #fcf5e8;
    text-align: center;
    font-size: 1.1rem;
    color: #3b6094;
    font-weight: 600;
    padding: 10px 0px;
    border-radius: 5px;
}

.plus a {
    background-color: #3b6094;
    display: block;
    width: 450px;
    color: #fff;
    margin: 20px auto;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
}

.acompanamos.islas .acompananos__content-options {
    flex-direction: column;
}

.acompanamos.islas .acompananos__content-options:nth-child(3) {
    flex-direction: column;
}

.acompanamos.islas .acompananos__content-options:nth-child(3) div {
    flex-direction: column;
    font-size: 0.9rem;
}

.acompanamos.islas .acompananos__content-options div {
    width: 100%;
    font-size: 0.9rem;
}

.acompanamos.islas .acompananos__content-options a {
    background-color: transparent;
    color: #3b6094;
    padding: 0px;
    font-weight: 600;
    margin-left: auto;
    border-bottom: 1px solid #3b6094;
    border-radius: 0px;
}

/********** CONTACTO **********/

.documentos__form-content div div i {
    color: #fff;
    margin: 20px 20px 20px 0px;
    font-size: 1.2rem;
}

/********** CURSOS DE IDIOMAS **********/

.home.idiomas {
    background-image: url('./images/Mask\ group.png');
}

.home.idiomas::after {
    background-color: rgb(0,0, 0, 0.2);
}

.homeTwo.islas p i {
    min-width: 20px;
    min-height: 20px;
    background-color: #e9bb65;
    color: #fff;
    border-radius: 100%;
    font-size: 0.9rem;
    position: relative;
    top: 0px;
    text-align: center;
    align-items: center;
    padding-top: 4px;
    margin-right: 10px;
}

.homeTwo.islas p:nth-child(3) {
    font-weight: 500;
}

.homeTwo.islas .homeTwo__button {
    display: flex;
    width: 100%;
    flex-direction: row;
}

.homeTwo.islas .homeTwo__button a:nth-child(2) {
    background-color: #fff;
    color: #e9bb65;
    border: solid 2px #e9bb65;
    font-weight: 500;
}

.what.homologacion.islas {
    background-color: #3b6094;
}

.what.homologacion.islas h2 {
    color: #fff;
}

.what.homologacion.islas p:nth-child(2) {
    color: #fff;
    width: 100%;
    text-align: center;
}

.what.homologacion.islas p:nth-child(4) {
    color: #fff;
    width: 100%;
    text-align: center;
}

.what.islas {
    background-color: #fafbfc;
}

.what.islas h2 {
    color: #3b6094;
}

.what.islas .what__text {
    color: #000;
    width: 100%;
}

.what.islas .what__options p span {
    font-size: 1.5rem;
    font-weight: 600;
}

.what.islas .what__options div:nth-child(2) p span, .what__options div:nth-child(3) p span {
    color: #000;
}

.what.islas a {
    background-color: #e9bb65;
    color: #fff;
    display: block;
    width: 250px;
    text-align: center;
    margin: auto;
    padding: 10px 0px;
    border-radius: 10px;
}

.what.homologacion.islas .what__options div:nth-child(1) a {
    color: #fff;
    border-bottom: solid 1.5px #fff;
}

.what.homologacion.islas .what__options a {
    background-color: transparent;
    color: #3b6094;
    border-bottom: solid 1.5px #3b6094;
    padding: 0px;
    border-radius: 0px;
    width: fit-content;
    margin: 10px auto;
    font-weight: 500;
}

.homeTwo.homologacion p a {
    background-color: transparent;
    color: #e9bb65;
    border-bottom: solid 1.5px #e9bb65;
    padding: 0px;
    border-radius: 0px;
    width: fit-content;
    margin: 10px auto;
    font-weight: 500;
}

/********** EMPLEOS **********/

.homeOptions {
    width: 250px;
    background-color: #fff;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.homeOptions a {
    background-color: rgb(59, 96, 148);
    padding: 5px 0px;
    border-radius: 20px;
    width: 115px;
    color: #fff;
    font-weight: 500;
}

.homeOptions a:nth-child(1) {
    box-shadow: 1px 1px 3px #000;
}

.homeOptions a:nth-child(2) {
    background-color: rgb(203, 23, 37, 0.5);
}

.home__content #title1 {
    display: block;
    width: 700px;
    margin: auto;
}

.home__input {
    background-color: #fff;
    width: 330px;
    margin: auto;
    display: flex;
    padding: 8px;
    border-radius: 25px;
    position: relative;
}

.home__input input {
    width: 90%;
    font-size: 1rem;
    padding-left: 10px;
    border: none;
    outline: none;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.home__input input::placeholder {
    width: 90%;
    font-size: 1rem;
    color: #3b6094;
}

.home__input i {
    position: unset;
    background-color: #3b6094;
    font-size: 1rem;
    min-width: 30px;
    min-height: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    cursor: pointer;
}

.empleos {
    display: flex;
    padding: 50px 10%;
    justify-content: space-between;
    gap: 20px;
}

.empleos__content {
    width: 70%;
}

.empleos__content h2 {
    color: #3b6094;
    font-size: 2rem;
}

.empleos__content span {
    margin: 20px 0px;
    display: block;
    font-weight: 500;
    font-size: 1.2rem;
}

.empleos__content-tipos {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.empleos__content-tipos button {
    background-color: #fff;
    border: solid 1.5px #e9bb65;
    font-size: 0.9rem;
    padding: 8px 0px;
    border-radius: 5px;
    width: 200px;
    cursor: pointer;
    margin: 10px;
}

.empleos__content-tipos button.active {
    background-color: #e9bb65;
    color: #fff ;
}

.empleos__content-trabajosOptionTit {
    background-color: #ecf0f5;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0px;
}

.empleos__content-trabajosOptionTit div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.empleos__content-trabajosOptionTit div:nth-child(1) {
    margin: 0px;
    padding: 0px;
}

.empleos__content-trabajosOptionTit div:nth-child(1) p:nth-child(1) {
    color: #3b6094;
    font-size: 1.8rem;
    font-weight: 500;
}

.empleos__content-trabajosOptionTit div:nth-child(1) p:nth-child(2) {
    color: #aaa;
    font-size: 0.9rem;
}

.empleos__content-trabajosOptionTit div:nth-child(2) {
    justify-content: left;
    margin: 25px 0px;
}

.empleos__content-trabajosOptionTit div:nth-child(2) a:nth-child(1) {
    color: #47080d;
    border-bottom: solid 1.5px #47080d;
    font-size: 1.1rem;
    font-weight: 400;
    margin-right: 20px;
}

.empleos__content-trabajosOptionTit div:nth-child(2) p:nth-child(2) {
    background-color: #3b6094;
    color: #fff;
    border-radius: 5px;
    padding: 3px 20px;
    margin-right: 20px;
}

.empleos__content-trabajosOptionTit div:nth-child(2) p:nth-child(3) {
    border: solid 1.5px #3b6094;
    border-radius: 5px;
    padding: 3px 20px;
    color: #3b6094;
    font-weight: 500;
}

.empleos__content-trabajosOptionTit div:nth-child(3) p {
    font-size: 0.8rem;
    width: 65%;
}

.empleos__content-trabajosOptionTit div:nth-child(3) button:nth-child(2) {
    color: #3b6094;
    background-color: transparent;
    border: none;
    border-bottom: solid 1.5px #3b6094;
    margin-left: auto;
    margin-right: 20px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
}

.empleos__content-trabajosOptionTit div:nth-child(3) button:nth-child(3) {
    background-color: #3b6094;
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
}

.empleos__content-trabajosOptionDes {
    background-color: #fcf5e8;
    margin-top: -20px;
    padding: 20px 40px;
    border-radius: 10px;
}

.empleos__content-trabajosOptionDes div {
    border-bottom: solid 1.5px #aaa;
    padding-bottom: 10px;
}

.empleos__content-trabajosOptionDes div img {
    width: 120px;
    min-height: 100px;
    background-color: #3b6094;
    border-radius: 5px;
    transition: 0.3s;
    cursor: pointer;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    z-index: 100;
}

.overlay img {
    max-width: 80%;
    max-height: 80%;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

.empleos__content-trabajosOptionDes div img:hover {
    transform: scale(1.1);
}

.empleos__content-trabajosOptionDes div:nth-child(4) {
    border-bottom: none;
    padding-bottom: 20px;
}

.empleos__content-trabajosOptionDes span {
    font-size: 1.2rem;
    font-weight: 500;
    color: #3b6094;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.empleos__content-trabajosOptionDes span i {
    font-size: 1rem;
    background-color: #fff;
    min-width: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.empleos__content-trabajosOptionDes p {
    margin-bottom: 15px;
    font-size: 0.9rem;
}

.empleos__content-trabajosOptionDes button {
    display: block;
    width: 200px;
    background-color: #3b6094;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: -20px;
}

.empleos__content-trabajosOptionDes div div {
    border-bottom: none;
    padding: 0px;
}

.empleos__content-trabajosOptionDes div div.hidden {
    display: none;
}

.empleos__lateral {
    width: 30%;
}

.empleos__lateral .reserva {
    flex-direction: column-reverse;
    padding: 20px 15px;
    margin: 0px;
}

.empleos__lateral .reserva div {
    width: 100%;
    text-align: center;
    padding: 0px;
}

.empleos__lateral .reserva h2 {
    font-size: 1.6rem;
}

.empleos__lateral .reserva p {
    font-size: 0.9rem;
    line-height: 20px;
}

.empleos__lateral .reserva a {
    width: 90%;
    margin: auto;
}

.empleos__lateral-autor {
    background-color: #fafbfc;
    margin: 20px 0px;
    border-radius: 10px;
    padding: 20px 15px;
}

.empleos__lateral-autor img {
    border-radius: 100%;
    width: 80px;
}

.empleos__lateral.suiza .empleos__lateral-autor div {
    background-color: #cb1725;
    width: 90px;
    padding: 10px;
    border-radius: 100%;
}

.empleos__lateral.suiza .empleos__lateral-autor img {
    width: 100%;
    display: block;
    margin: auto;
}

.empleos__lateral-autor h2 {
    font-size: 1.2rem;
    color: #3b6094;
    margin: 20px 0px;
}

.empleos__lateral-autor p {
    font-size: 0.9rem;
    line-height: 20px;
}

.empleos__lateral-autor a {
    background-color: #3b6094;
    color: #fff;
    padding: 10px 20px;
    display: block;
    width: 80%;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    margin-top: 20px;
}

.hidden {
    display: none;
}

.buscar {
    width: 100%;
    background-image: url('./images/4_BG_Physical_therapy.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 10px;
    margin: 20px 0px;
    padding: 25px;
}

.buscar::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(59, 96, 148, 0.8);
    border-radius: 10px;
}

.buscar h2 {
    position: relative;
    z-index: 2;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
}

.buscar p {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
    margin: 20px 0px;
}

.buscar a {
    position: relative;
    background-color: #e9bb65;
    width: 180px;
    color: #fff;
    z-index: 2;
    margin: auto;
    display: block;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
}

.postula {
    position: fixed;
    top: 5vh;
    z-index: 100;
}

.postula .documentos__form {
    box-shadow: 0px 0px 100px 1000px rgb(59, 96, 148, 0.8);
}

.postula .documentos__form::after {
    background-color: #e9bb65;
}

.postula .documentos__form img {
    width: 100px;
    margin-bottom: 50px;
}

.documentos__form-content form input:nth-child(5) {
    width: 65%;
}

.documentos__form-content form input:nth-child(5):hover {
    color: #aaa;
}

.postula .documentos__form i {
    color: #3b6094;
}

.postula i.fa-x {
    color: #000;
    position: relative;
    top: -20px;
    right: -10px;
    font-size: 1.2rem;
    cursor: pointer;
}

.postula.hidden {
    display: none;
}

body.suiza .homeOptions a {
    background-color: rgb(59, 96, 148, 0.5);
    padding: 5px 0px;
    border-radius: 20px;
    width: 115px;
    color: #fff;
    font-weight: 500;
}

body.suiza .homeOptions a:nth-child(1) {
    box-shadow: 0px 0px 0px #000;
}

body.suiza .homeOptions a:nth-child(2) {
    box-shadow: 1px 1px 3px #000;
}

body.suiza .homeOptions a:nth-child(2) {
    background-color: rgb(203, 23, 37, 1);
}

body.suiza .home__input input::placeholder {
    color: #000;
}

body.suiza .home__input i {
    background-color: #cb1725;
}

body.suiza .empleos__content h2 {
    color: #cb1725;
}

body.suiza .empleos__content-tipos button {
    border: solid 1.5px #cb1725;
}

body.suiza .empleos__content-tipos button.active {
    background-color: #cb1725;
    color: #fff;
}

body.suiza .empleos__content-trabajosOptionTit {
    background-color: #fffafa;
}

body.suiza .empleos__content-trabajosOptionTit div:nth-child(1) p:nth-child(1) {
    color: #cb1725;
}

body.suiza .empleos__content-trabajosOptionTit div:nth-child(2) p:nth-child(1) {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
    margin-right: 20px;
}

body.suiza .empleos__content-trabajosOptionTit div:nth-child(2) p:nth-child(2) {
    background-color: #cb1725;
}

body.suiza .empleos__content-trabajosOptionTit div:nth-child(2) p:nth-child(3) {
    border: solid 1.5px #cb1725;
    color: #cb1725;
}

body.suiza .empleos__content-trabajosOptionTit div:nth-child(3) button:nth-child(2) {
    color: #cb1725;
    border-bottom: solid 1.5px #cb1725;
}

body.suiza .empleos__content-trabajosOptionTit div:nth-child(3) button:nth-child(3) {
    background-color: #47080d;
}

body.suiza .empleos__content-trabajosOptionDes span {
    color: #000;
}

body.suiza .empleos__content-trabajosOptionDes span i {
    color: #47080d;
}

body.suiza .empleos__content-trabajosOptionDes button {
    background-color: #cb1725;
}

body.suiza .empleos__lateral-autor {
    background-color: #fffafa;
}

body.suiza .empleos__lateral-autor h2 {
    color: #000;
}

body.suiza .empleos__lateral-autor a {
    background-color: #47080d;
}

body.suiza .buscar::after {
    background-color: rgb(203, 23, 37, 0.8);
}

body.suiza .buscar a {
    background-color: #fff;
    color: #cb1725;
}

body.suiza .postula .documentos__form {
    box-shadow: 0px 0px 100px 1000px rgb(71, 8, 13, 0.8);
}

body.suiza .postula .documentos__form::after {
    background-color: #cb1725;
}

body.suiza .postula .documentos__form i {
    color: #fff;
}

body.suiza .postula .documentos__form-content form input:nth-child(5) {
    background-color: #47080d;
    width: 65%;
}

/********** BLOG **********/

.home.empresas {
    background-image: url('./images/image\ 42.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
}

.empleos__content .homeBlog__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0px;
}

.empleos__content .homeBlog__content a {
    width: 45%;
}

.blog {
    display: flex;
    padding: 130px 10% 0px 10%;
    justify-content: space-between;
    gap: 20px;
}

.blog__content {
    width: 70%;
}

.blog__content .links {
    margin: 20px 0px;
}

.blog__content .links a {
    color: #aaa;
    font-size: 0.9rem;
    border-bottom: solid 1.5px #aaa;
}

.blog__content h1 {
    font-size: 2rem;
    color: #3b6094;
    width: 100%;
}

.blog__content .publisher {
    display: flex;
    margin: 20px 0px;
}

.blog__content .publisher img {
    width: 80px;
}

.blog__content .publisher div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    margin-left: 20px;
    color: #aaa;
}

.blog__content .publisher div a {
    color: #3b6094;
    border-bottom: solid 1.5px #3b6094;
}

.blog__image {
    width: 100%;
    border-radius: 15px;
}

.blog__content .table {
    background-color: #fafbfc;
    margin: 20px 0px;
    display: block;
    padding: 20px;
    border-radius: 10px;
}

.blog__content .table p {
    color: #3b6094;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.blog__content .table a {
    display: block;
    width: fit-content;
    margin: 10px 0px;
    border-bottom: 1.5px solid #3b6094;
    color: #3b6094;
    font-size: 1rem;
}

.blog__content .table a.left {
    margin-left: 30px;
}

.blog__content h2 {
    font-size: 1.6rem;
    color: #3b6094;
    margin: 10px 0px;
}

.blog__content h3 {
    font-size: 1.4rem;
    color: #3b6094;
    margin: 20px 0px;
}

.blog__content h4 {
    font-size: 1.2rem;
    color: #3b6094;
    margin: 20px 0px;
}

.blog__content-text {
    margin: 20px 0px;
    color: #000000;
    line-height: 25px;
}

.blog__content-text span {
    font-weight: 600;
}

.blog__content-text i {
    color: #3b6094;
    margin-left: 20px;
    font-size: 1.2rem;
    margin-right: 10px;
}

.blog__content-fisio {
    background-color: #fcf5e8;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 40px;
    border-radius: 10px;
}

.blog__content-fisio p {
    margin: 20px auto;
}

.blog__content-fisio div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog__content-fisio img {
    width: 80%;
}

.blog__content-fisio a {
    background-color: #3b6094;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
}

.blog__content .faq {
    background-color: #fcf5e8;
    padding: 20px 40px;
    border-radius: 10px;
}

.blog__content .reserva {
    width: 100%;
    margin: 20px 0px;
    padding: 0px;
}

.blog__lateral {
    width: 30%;
}

.blog__lateral .reserva {
    flex-direction: column-reverse;
    padding: 20px 15px;
    margin: 0px;
}

.blog__lateral .reserva div {
    width: 100%;
    text-align: center;
    padding: 0px;
}

.blog__lateral .reserva h2 {
    font-size: 1.6rem;
}

.blog__lateral .reserva p {
    font-size: 0.9rem;
    line-height: 20px;
}

.blog__lateral .reserva a {
    width: 90%;
    margin: auto;
}

.blog__lateral-autor {
    background-color: #fafbfc;
    margin: 20px 0px;
    border-radius: 10px;
    padding: 20px 15px;
}

.blog__lateral-autor img {
    border-radius: 100%;
}

.blog__lateral-autor h2 {
    font-size: 1.2rem;
    color: #3b6094;
    margin: 20px 0px;
}

.blog__lateral-autor p {
    font-size: 0.9rem;
    line-height: 20px;
}

.blog__lateral-autor a {
    background-color: #3b6094;
    color: #fff;
    padding: 10px 20px;
    display: block;
    width: 80%;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    margin-top: 20px;
}

.blog__lateral-articulos {
    background-color: #fafbfc;
    border-radius: 10px;
    padding: 20px 15px;
    margin-bottom: 20px;
}

.blog__lateral-articulos h2 {
    font-size: 1.2rem;
    color: #3b6094;
    margin: 20px 0px;
}

.home.testimonio {
    background-image: url('./images/pexels-bertellifotografia-3856033\ 1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog__lateral-articulos a {
    color: #3b6094;
    display: block;
    margin: 10px 0px;
}

/********** GUIA GRATUITA **********/

.home__content img {
    width: 150px;
    margin-right: auto;
    margin-bottom: -20px;
}

.home__content form {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
}

.home__content form input {
    display: block;
    width: 90%;
    border: none;
    outline: none;
    border-bottom: solid 2px #aaa;
    padding: 10px 0px;
    margin: 25px auto;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: 1s;
    font-weight: 400;
}

.home__content form input:focus {
    border-bottom: solid 2px #e9bb65;
}

.home__content form input:focus::placeholder {
    color: #3b6094;
    font-weight: 500;
}

.home__content form input:nth-child(4) {
    display: block;
    width: 200px;
    margin: 50px auto 0px 5%;
    background-color: #e9bb65;
    border: none;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.home__content form input:nth-child(4):hover {
    color: #aaa;
}

/********** SOCIAL **********/

.social {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.social a {
    width: 30px;
    height: 30px;
    background-color: #d2a85b;
    margin: 5px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.social.suiza a {
    background-color: #cb1725;
}

.social a i {
    color: #fff;
}

/********** FOOTER **********/

.footer {
    background-color: #3b6094;
    padding: 120px 10% 60px 10%;
}

.footer__content {
    display: flex;
    justify-content: space-between;
}

.footer__content div:nth-child(1) {
    width: 300px;
}

.footer__content div {
    width: 200px;
}

.footer__content div form {
    background-color: rgb(255, 255, 255, 0.3);
    display: flex;
    justify-content: space-between;
    padding: 8px;
    border-radius: 5px;
    margin-top: 30px;
}

.footer__content div form input:nth-child(2) {
    background-color: #e9bb65;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
}

.footer__content div form input:nth-child(1) {
    background-color: transparent;
    border: none;
    padding: 0px 10px;
    outline: none;
    color: #fff;
    width: 100%;
}

.footer__content div form input:nth-child(1)::placeholder {
    color: rgb(255, 255, 255, 0.8);
    font-size: 0.75rem;
}

.footer__content div img {
    width: 60%;
}

.footer__content div p {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 400;
    margin: 20px 0px;
}

.footer__content div span {
    color: #fff;
    font-weight: 600;
    display: block;
    letter-spacing: 1px;
    font-size: 1.1rem;
    margin-bottom: 30px;
}

.footer__content div a {
    color: #fff;
    display: block;
    font-size: 0.9rem;
    margin: 20px 0px;
}

.footer__content div a i {
    color: #e9bb65;
}

.footer__copy {
    color: #fff;
    text-align: center;
    margin-top: 50px;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.footer.suiza {
    background-color: #cb1725;
}

.footer.suiza .footer__content div img {
    width: 30%;
}

.footer.suiza .footer__content div form {
    background-color: #fff;
}

.footer.suiza .footer__content div form input:nth-child(2) {
    background-color: #cb1725;
    color: #fff;
}

.footer.suiza .footer__content div form input:nth-child(1) {
    color: #cb1725;
    font-weight: 600;
}

.footer.suiza .footer__content div form input:nth-child(1)::placeholder {
    color: rgb(203, 23, 37, 0.6);
}

.footer.suiza .footer__content div a i {
    color: #fff;
}

@media only screen and (max-width: 1000px) {

    .nav__social {
        justify-content: center;
    }

    .nav__social a:nth-child(2) {
        margin-left: 0px;
    }
    
    .nav__social p {
        display: none;
    }

    .nav .nav__options {
        display: block;
        position: fixed;
        left: 0px;
        top: 0px;
        background-color: rgb(59, 96, 148, 0.8);
        z-index: 10;
        width: 220px;
        height: 100vh;
        backdrop-filter: blur(10px);
        padding: 10px;
        transform: translateX(-300px);
        transition: 0.5s;
    }

    .nav.suiza .nav__options {
        background-color: rgb(203, 23, 37, 0.7);
    }

    .nav .nav__options.show {
        transform: translateX(0px);
    }

    .nav .nav__options li {
        margin: 15px 10px;
    }

    .nav .nav__options li a {
        font-size: 1rem;
    }

    .nav .nav__options li div {
        position: relative;
        background-color: transparent;
        border: solid 0px #aaa;
        top: 0px;
    }

    .nav .nav__menu {
        display: block;
    }

    .home {
        height: 500px;
        overflow: hidden;
        position: relative;
    }
    
    .home__video {
        width: 1000px;
        margin-top: 0px;
    }
    
    .home__content {
        width: 100%;
        top: 25vh;
        position: absolute;
    }
    
    .home__content h1 {
        font-size: 2rem;
        line-height: 40px;
        text-align: center;
    }
    
    .home__content p {
        text-align: center;
        line-height: 20px;
    }
    
    .home__content-button {
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }
    
    .home i {
        font-size: 1.8rem;
        left: calc(50% - 0.9rem);
    }

    .home__content .links {
        width: 100%;
        text-align: center;
    }

    .homeTwo {
        padding: 30px 5%;
        flex-direction: column;
    }

    .homeTwo.two {
        flex-direction: column-reverse;
    }

    .homeTwo h2 {
        font-size: 1.8rem;
    }

    .homeTwo a {
        margin: 20px auto;
    }

    .homeTwo div {
        width: 100%;
        text-align: center;
    }

    .homeTwo div video {
        width: 60%;
    }
    
    .homeTwo div img {
        width: 40%;
    }

    .testimonios {
        padding: 50px 5%;
    }
    
    .testimonios__content h2 {
        font-size: 1.8rem;
        text-align: center;
        line-height: 35px;
    }

    .testimonios__content p {
        text-align: center;
    }
    
    .testimonios__content a {
        margin: auto;
        margin-top: 20px;
    }
    
    .testimonios__content div:nth-child(1) {
        flex-direction: column;
    }
    
    .testimonios__content-text div {
        width: 100%;
    }
    
    .testimonios__content-video {
        margin: 30px 0px;
        gap: 20px;
        justify-content: space-evenly !important;
        flex-wrap: wrap;
    }
    
    .testimonios__content-video div {
        min-width: 240px;
        height: 350px;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
    }

    .trabajar {
        padding: 50px 5%;
        flex-direction: column;
    }
    
    .trabajar div {
        width: 100%;
        text-align: center;
        justify-content: space-evenly;
    }
    
    .trabajar__text {
        padding-right: 0px;
    }
    
    .trabajar div h2 {
        font-size: 2rem;
        margin-bottom: 20px;
    }
    
    .trabajar__benefits div {
        width: 200px;
    }
    
    .acompanamos {
        padding: 30px 5%;
    }
    
    .acompanamos__content-title {
        flex-direction: column;
        text-align: center;
    }
    
    .acompanamos__content-title h2 {
        min-width: 100%;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    
    .acompananos__content {
        flex-direction: column-reverse;
    }
    
    .acompananos__content-div {
        width: 90%;
        margin: auto;
    }
    
    .acompananos__content-div:nth-child(1) {
        width: 90%;
    }
    
    .acompananos__content-div img {
        display: none;
    }
    
    .acompananos__content-options div {
        width: 70%;
    }

    .ofertas {
        padding: 80px 5%;
    }
    
    .ofertas div {
        padding: 40px 5%;
    }
    
    .ofertas div h2 {
        font-size: 1.8rem;
    }
    
    .ofertas__button {
        gap: 20px;
        flex-direction: column;
    }

    .homeBlog {
        padding: 50px 5%;
    }
    
    .homeBlog h2 {
        font-size: 1.8rem;
        text-align: center;
    }
    
    .homeBlog__content {
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    
    .homeBlog__content a {
        width: 300px;
        margin: 20px 0px;
    }
    
    .homeBlog__content a img {
        width: 100%;
    }
    
    .homeBlog button {
        margin: -20px auto;
    }

    .reserva {
        text-align: center;
        margin: 0px 5%;
        flex-direction: column-reverse;
        margin-bottom: -120px;
    }
    
    .reserva div:nth-child(1) {
        width: 100%;
        padding: 20px;
    }

    .reserva div:nth-child(2) {
        width: 100%;
        margin: auto;
    }
    
    .reserva div h2 {
        font-size: 1.8rem;
    }
    
    .reserva div a {
        margin: auto;
        width: 260px;
    }
    
    .reserva div img {
        width: 200px;
        margin: auto;
    }

    .homeTwo.guia img {
        width: 40%;
    }

    .retos {
        padding: 30px 5%;
    }
    
    .retos .retos__title {
        font-size: 1.8rem;
    }
    
    .retos .retos__text {
        width: 90%;
    }
    
    .retos__options {
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    
    .retos__options div {
        margin: 10px;
    }

    .what {
        padding: 30px 5%;
    }

    .what__options {
        justify-content: space-evenly;
    }

    .what__options div {
        width: 280px;
    }

    .whatTwo {
        padding: 30px 5%;
    }
    
    .whatTwo h2 {
        font-size: 1.8rem;
    }
    
    .whatTwo__content {
        flex-direction: column;
    }
    
    .whatTwo__content div {
        width: 100%;
        text-align: center;
        align-items: center;
    }
    
    .whatTwo__content-options div {
        width: 100%;
        margin-left: 20px;
    }
    
    .whatTwo__content img {
        width: 60%;
        margin: auto;
    }
    
    .whatTwo__content-text {
        padding: 20px 5%;
    }
    
    .whatTwo a {
        width: 100%;
        text-align: center;
    }

    .testimonios.francia {
        margin: 30px 5%;
        padding: 30px 5%;
    }

    .reconocimiento {
        padding: 30px 5%;
    }
    
    .reconocimiento h2 {
        font-size: 1.8rem;
        width: 75%;
    }
    
    .reconocimiento__content {
        flex-direction: column;
    }
    
    .reconocimiento__content div {
        width: 100%;
        margin: auto;
        text-align: center;
    }
    
    .reconocimiento__content div p {
        margin: 10px 0px;
    }
    
    .reconocimiento__content div img {
        display: none;
    }
    
    .reconocimiento__content div a {
        position: relative;
        top: 20px;
        margin-bottom: 60px;
    }

    .trabajar.francia {
        margin-top: 30px;
    }
    
    .trabajar.francia .trabajar__content {
        flex-direction: column;
    }

    .trabajar.francia .trabajar__benefits div {
        width: 250px;
    }

    .establecerse {
        padding: 30px 5%;
    }
    
    .establecerse h2 {
        font-size: 1.8rem;
        margin: 20px 0px;
    }
    
    .establecerse p {
        width: 100%;
    }
    
    .establecerse__options {
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin: 20px 0px;
    }
    
    .establecerse__options div {
        margin: 10px 0px;
        width: 250px;
    }

    .establecerse__options div p {
        padding: 0px 10px;
    }

    .aprender.two {
        padding: 30px 5%;
        flex-direction: column-reverse;
    }
    
    .aprender div:nth-child(1) {
        width: 100%;
    }
    
    .aprender div:nth-child(2) {
        width: 100%;
        padding-right: 0%;
        text-align: center;
    }
    
    .aprender video {
        width: 300px;
        margin: auto;
    }
    
    .aprender h2 {
        font-size: 1.8rem;
    }
    
    .aprender__options {
        width: 100%;
        margin: 20px auto;
    }
    
    .aprender__options div {
        min-width: 80%;
    }

    .preparacion {
        padding: 30px 5%;
    }
    
    .preparacion__content {
        flex-direction: column;
    }
    
    .preparacion__content div {
        width: 100%;
        text-align: center;
    }
    
    .preparacion__content div img {
        display: none;
    }
    
    .preparacion__content div span {
        margin: auto;
    }
    
    .preparacion__button {
        width: 100%;
    }

    .home.suiza .home__content h1 {
        width: 100%;
    }

    .calidad {
        width: 90%;
        margin: -100px auto 0px auto;
        padding: 30px 5%;
    }
    
    .calidad h2 {
        font-size: 1.8rem;
    }
    
    .calidad a {
        width: 100%;
    }
    
    .whatTwo.suiza .whatTwo__content-img {
        margin-top: 20px;
    }

    .homeTwo.suiza div img {
        display: none;
    }

    .linguistica {
        margin: 50px 5%;
        padding: 30px;
    }
    
    .linguistica__content h2 {
        font-size: 1.8rem;
        width: 100%;
    }
    
    .linguistica__content p {
        width: 100%;
    }
    
    .linguistica__options {
        justify-content: space-evenly;
    }
    
    .linguistica__options div {
        width: 280px;
    }
    
    .linguistica__content-text {
        min-width: 90%;
        font-weight: 500;
    }

    .funciona {
        padding: 40px 5%;
    }
    
    .funciona h2 {
        font-size: 1.8rem;
    }
    
    .funciona__content div {
        width: 160px;
        margin: 15px 0px;
    }
    
    .documentos h2 {
        font-size: 1.8rem;
    }
    
    .documentos__options {
        flex-wrap: wrap;
    }
    
    .documentos__options div {
        width: 180px;
        margin: 10px 0px;
    }
    
    .documentos__form {
        margin: 0px 5%;
    }
    
    .documentos__form-content {
        padding: 30px 20px;
        flex-direction: column;
    }
    
    .documentos__form-content div {
        width: 100%;
    }
    
    .documentos__form-content div:nth-child(1) {
        text-align: center;
    }
    
    .documentos__form-content h2 {
        text-align: center;
    }
    
    .documentos__form-content form {
        padding: 10px;
    }
    
    .documentos__form-content form input {
        width: 95%;
    }
    
    .documentos__form-content form input:nth-child(5) {
        width: 100%;
        margin: 50px auto 0px 0%;
    }

    .homeTwo.homologacion div img {
        display: none;
    }

    .funciona.asesoramiento {
        padding: 30px;
        margin: 20px 5%;
    }
    
    .funciona.asesoramiento .funciona__text {
        width: 100%;
    }
    
    .funciona.asesoramiento .funciona__content div {
        width: 100%;
    }
    
    .funciona.asesoramiento a {
        width: 100%;
    }

    .home.empresas {
        background-position-y: 0px;
    }

    .homeTwo.trabajos div span {
        margin: 10px auto;
    }

    .trabajar.trabajos .trabajar__text a {
        width: 100%;
        margin-bottom: 20px;
    }

    .centros {
        flex-direction: column-reverse;
        padding: 50px 5%;
    }
    
    .centros div {
        width: 100%;
        text-align: center;
    }
    
    .centros div video {
        width: 40%;
        margin: 30px auto;
    }
    
    .centros div h2 {
        font-size: 1.8rem;
    }
    
    .centros .centros__options span {
        text-align: center;
        margin: 0px auto 20px auto;
    }
    
    .funciona.instalacion p {
        text-align: center;
        width: 90%;
    }
    
    .funciona.instalacion .funciona__content div {
        width: 100%;
    }

    .solicitudes {
        margin: 0px 5%;
        text-align: center;
    }
    
    .solicitudes div:nth-child(1) {
        display: none;
    }

    .solicitudes div:nth-child(2) {
        width: 100%;
    }
    
    .solicitudes h2 {
        font-size: 1.8rem;
    }
    
    .solicitudes a {
        margin: auto;
    }

    .preparacion__content div video {
        width: 40%;
        margin-top: 40px;
    }

    .homeTwo.islas img {
        display:  none;
    }

    .whatTwo.islas .whatTwo__content-img video {
        width: 40%;
        margin: auto;
        margin-top: 0px;
        border-radius: 10px;
    }

    .blog {
        padding: 50px 5%;
        flex-direction: column;
    }
    
    .blog__content {
        width: 100%;
    }
    
    .blog__lateral {
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }

    .blog__lateral div {
        width: 45%;
        margin: 0px 0px 20px 0px;
    }

    .empleos {
        flex-direction: column;
        padding: 50px 5%;
    }

    .empleos__content {
        width: 100%;
    }

    .empleos__lateral {
        display: none;
    }

    .home__input i {
        font-size: 1rem;
    }
    
    .faq {
        padding: 30px 5%;
    }

    .faq h2 {
        margin-bottom: 10px;
    }
    
    .faq__option span {
        margin-right: 10px;
    }
    
    .faq__option i {
        min-width: 25px;
        min-height: 25px;
    }
    
    .faq__option p {
        margin-right: 0px;
        display: none;
    }

    .footer__content {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer__content div:nth-child(1) {
        width: 280px;
    }
    
    .footer__content div {
        width: 175px;
        margin: 30px 20px;
    }
    
}

@media only screen and (max-width: 700px) {

    .preparacion__content-options div span {
        color: #000;
        margin-top: 10px;
    }

    .preparacion__content-options div p {
        font-size: 0.9rem;
        margin: 10px 0px;
        text-align: left;
    }

    .vida {
        padding: 40px 5%;
    }
    
    .vida__text {
        width: 90%;
    }
    
    .vida h2 {
        font-size: 1.8rem;
    }
    
    .vida__two {
        margin: 50px 0px 30px 0px;
        flex-direction: column;
    }

    .vida__two.two {
        flex-direction: column-reverse;
    }
    
    .vida__two div {
        width: 100%;
        text-align: center;
    }
    
    .vida__two img {
        width: 50%;
        margin-top: 50px;
    }
    
    .vida__two:nth-child(2) a {
        position: relative;
        top: 20px;
    }

    .what__options div {
        width: 250px;
    }

    .trabajar.francia .trabajar__benefits div {
        width: 200px;
        height: 200px;
    }

    .home__content #title1 {
        display: block;
        width: 500px;
    }

    .establecerse__button {
        flex-direction: column;
    }
    
    .establecerse__button a {
        display: block;
        text-align: center;
    }

    .establecerse__button a:nth-child(2) {
        margin-left: 0px;
        margin-top: 10px;
    }

    .home.asesoramiento {
        height: 700px;
    }

    .home__content.asesoramiento {
        height: 100%;
        flex-direction: column;
        top: 0px;
    }
    
    .home__content.asesoramiento h1 {
        margin-top: 50px;
        font-size: 2rem;
    }
    
    .home__content.asesoramiento div {
        width: 100%;
    }

    .home__content.asesoramiento div:nth-child(2) {
        position: relative;
        top: -70px;
    }
    
    .home__content.asesoramiento div iframe {
        width: 100%;
        height: 300px;
    }

    .plus {
        padding: 0px 5%;
    
    }
    
    .plus a {
        width: 100%;
    }

    .blog__content-fisio {
        flex-direction: column;
    }
    
    .blog__content-fisio div:nth-child(2) {
        margin-top: 30px;
    }
    
    .blog__content-fisio img {
        width: 80%;
    }
    
    .blog__content-fisio a {
        margin: auto;
        display: block;
        width: 250px;
        text-align: center;
    }

    .empleos__content-trabajosOptionTit div:nth-child(1) p:nth-child(1) {
        font-size: 1.3rem;
    }

    .empleos__content-trabajosOptionTit div:nth-child(2) {
        flex-direction: column;
    }

    .empleos__content-trabajosOptionTit div:nth-child(2) p:nth-child(1) {
        width: 100%;
        text-align: center;
        margin: 10px 0px;
    }
    
    .empleos__content-trabajosOptionTit div:nth-child(2) p:nth-child(2) {
        width: 100%;
        margin: 10px 0px;
        text-align: center;
    }
    
    .empleos__content-trabajosOptionTit div:nth-child(2) p:nth-child(3) {
        width: 100%;
        margin: 10px 0px;
        text-align: center;
    }
    
    .empleos__content-trabajosOptionTit div:nth-child(3) {
        flex-direction: column;
    }

    .empleos__content-trabajosOptionTit div:nth-child(3) p {
        width: 100%;
        text-align: center;
    }

    .empleos__content-trabajosOptionTit div:nth-child(3) button:nth-child(2) {
        margin: 20px auto;
    }

    .empleos__content-trabajosOptionTit div:nth-child(3) button:nth-child(3) {
        width: 100%;
    }

    .footer {
        background-color: #3b6094;
        padding: 120px 5% 60px 5%;
    }

    .footer__content div:nth-child(1) {
        width: 350px;
        text-align: center;
        margin: auto;
    }

    .footer__content div {
        width: 175px;
        margin: 20px 20px;
    }

    .fundadores__founder {
        flex-wrap: wrap;
    }

}

@media only screen and (max-width: 500px) {

    .width {
        padding: 0px 5%;
    }

    .nav__social {
        align-items: center;
        justify-content: space-between;
    }
    
    .nav__social a {
        margin: 0px 8px;
    }
    
    .nav__social a:nth-child(2) {
        margin-left: 0px;
        margin-right: auto;
    }

    .home {
        height: 600px;
        overflow: hidden;
        position: relative;
    }

    .home__video {
        width: 1100px;
        margin-top: 0px;
        margin-left: -220px;
    }

    .home__content {
        top: 15vh;
    }

    .home__content #title1 {
        display: block;
        width: 370px;
    }

    .homeTwo div img {
        width: 60%;
    }

    .trabajar__benefits div {
        width: 100%;
        height: 150px;
    }
    
    .trabajar.francia .trabajar__benefits div {
        width: 100%;
        height: 160px;
    }

    .vida__two img {
        width: 80%;
    }

    .acompananos__content-options a {
        padding: 10px;
        text-align: center;
    }

    .acompananos__content-options {
        padding: 20px 15px;
        flex-direction: column;
    }

    .acompananos__content-options div {
        width: 90%;
        text-align: center;
    }
    
    .acompananos__content-options p {
        margin: 10px 0px;
    }

    .acompananos__content-options a {
        margin-top: 10px;
    }

    .acompananos__content-options:nth-child(3) div {
        flex-direction: column;
    }
    
    .acompananos__content-options:nth-child(3) div div {
        width: 90%;
    }

    .homeTwo.guia img {
        width: 75%;
    }

    .what__options div {
        width: 90%;
    }

    .reconocimiento h2 {
        width: 100%;
        font-size: 1.5rem;
        margin: 20px 0px;
    }

    .centros .centros__options {
        height: 180px;
    }

    .centros div video {
        width: 80%;
    }

    .preparacion__content div video {
        width: 90%;
        margin-top: 40px;
    }

    .whatTwo.islas .whatTwo__content-img video {
        width: 80%;
    }
    
    .homeTwo.islas .homeTwo__button {
        flex-direction: column;
    }
    
    .homeTwo.islas .homeTwo__button a {
        width: 100%;
        margin: 10px 0px;
    }

    .blog__lateral div {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .empleos__content .homeBlog__content {
        justify-content: center;
    }

    .empleos__content .homeBlog__content a {
        width: 90%;
    }

    .homeTwo.guia video {
        width: 70%;
    }

    .footer__content div {
        width: 150px;
        margin: 20px 0px;
    }
    
}
/* === mapa-francia overrides === */
/* All classes here use the dreets- prefix so they are greppable and isolated from the live site CSS above. */

.dreets-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.dreets-hero {
  padding: 48px 0 24px;
}

.dreets-hero h1 {
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  line-height: 1.2;
  margin: 0 0 16px;
}

.dreets-hero p {
  font-size: 16px;
  color: #4a5568;
  max-width: 720px;
  line-height: 1.5;
  margin: 0 0 8px;
}

.dreets-helper {
  font-size: 14px;
  color: #4a5568;
  padding: 8px 0 16px;
}

.dreets-map-container {
  max-width: 800px;
  margin: 0 auto;
}

.dreets-map-svg {
  width: 100%;
  height: auto;
  display: block;
}

.dreets-map-svg path {
  cursor: pointer;
  transition: stroke-width 120ms ease, fill 120ms ease;
}

.dreets-map-svg path.region--active {
  fill: rgba(59, 96, 148, 0.85);
  stroke: #ffffff;
  stroke-width: 1;
}

.dreets-map-svg path.region--inactiva {
  fill: rgba(233, 187, 101, 0.35);
  stroke: #ffffff;
  stroke-width: 1;
}

.dreets-map-svg path.region--muerta {
  fill: #ecf0f5;
  stroke: #ffffff;
  stroke-width: 1;
}

.dreets-map-svg path:hover {
  stroke: #3b6094;
  stroke-width: 1.5;
}

.dreets-map-svg path:focus {
  outline: none;
  stroke: #3b6094;
  stroke-width: 2;
  stroke-dasharray: 4 2;
}

.dreets-map-svg path[aria-pressed="true"] {
  stroke: #3b6094;
  stroke-width: 2.5;
}

.dreets-domtom-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 24px 0;
}

.dreets-domtom-card {
  background: #ffffff;
  border: 1px solid #ecf0f5;
  border-radius: 8px;
  padding: 16px;
  min-width: 160px;
  min-height: 44px;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
  font-family: inherit;
  font-size: 14px;
  color: #000000;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dreets-domtom-card:hover {
  border-color: #3b6094;
  box-shadow: 0 2px 6px rgba(59, 96, 148, 0.15);
}

.dreets-domtom-card:focus {
  outline: 2px solid #3b6094;
  outline-offset: 2px;
}

.dreets-domtom-card[aria-pressed="true"] {
  border: 2px solid #3b6094;
  background: #fafbfc;
}

.dreets-card-label {
  font-weight: 600;
}

.dreets-status-pill {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #ecf0f5;
  color: #4a5568;
}

.dreets-status-pill--active {
  background: rgba(59, 96, 148, 0.15);
  color: #3b6094;
}

.dreets-status-pill--inactiva {
  background: rgba(233, 187, 101, 0.25);
  color: #000000;
}

.dreets-status-pill--muerta {
  background: #ecf0f5;
  color: #4a5568;
}

.dreets-region-list-mobile {
  display: none;
}

.dreets-region-list-mobile button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 12px 16px;
  border: none;
  border-bottom: 1px solid #ecf0f5;
  background: #ffffff;
  font-size: 16px;
  min-height: 48px;
  cursor: pointer;
  font-family: inherit;
  color: #000000;
}

.dreets-attachment-banner {
  background: #fcf5e8;
  border: 1px solid #d7a84f;
  padding: 16px;
  border-radius: 6px;
  color: #000000;
  font-weight: 500;
  margin: 24px 0;
}

.dreets-status-banner--inactiva {
  background: rgba(233, 187, 101, 0.25);
  border: 1px solid #d7a84f;
  padding: 16px;
  border-radius: 6px;
  color: #000000;
  margin: 16px 0;
}

.dreets-status-banner--muerta {
  background: #ecf0f5;
  border: 1px solid #94a3b8;
  padding: 16px;
  border-radius: 6px;
  color: #4a5568;
  margin: 16px 0;
}

.dreets-panel {
  background: #ffffff;
  border: 1px solid #ecf0f5;
  border-radius: 8px;
  padding: 24px;
  margin: 24px 0;
}

.dreets-panel-empty {
  color: #4a5568;
  text-align: center;
  padding: 48px 24px;
  margin: 0;
}

.dreets-panel h2 {
  color: #3b6094;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 16px;
}

.dreets-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid #ecf0f5;
  margin: 24px 0 0;
}

.dreets-tab {
  padding: 8px 16px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #4a5568;
  font-family: inherit;
}

.dreets-tab[aria-selected="true"] {
  border-bottom-color: #3b6094;
  color: #3b6094;
}

.dreets-tab-hint {
  font-size: 14px;
  color: #4a5568;
  padding: 8px 0;
}

.dreets-template-body {
  font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-wrap;
  background: #fafbfc;
  padding: 16px;
  border-radius: 6px;
  margin: 8px 0;
  color: #000000;
}

.dreets-copy-button {
  background: #3b6094;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  padding: 8px 16px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: background 120ms ease, transform 80ms ease;
  font-family: inherit;
  font-size: 14px;
}

.dreets-copy-button:hover {
  background: #345785;
}

.dreets-copy-button:active {
  background: #2e4e74;
  transform: scale(0.98);
}

.dreets-copy-button--success {
  background: #e9bb65;
  color: #000000;
}

.dreets-copy-button[aria-disabled="true"] {
  background: #ecf0f5;
  color: #94a3b8;
  cursor: not-allowed;
}

.dreets-contact-list {
  margin: 0 0 16px 0;
}

.dreets-contact-list dt {
  font-weight: 600;
  margin-top: 8px;
  color: #1a202c;
}

.dreets-contact-list dt:first-child {
  margin-top: 0;
}

.dreets-contact-list dd {
  margin: 2px 0 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  word-break: break-word;
}

/* Continuation rows: emails grouped under a shared dt (e.g. multiple Ordre des MK emails).
   Slight top margin tightens the visual grouping while keeping each value on its own line. */
.dreets-contact-list dd.dreets-contact-list-continuation {
  margin-top: 4px;
}

.dreets-subject-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0 12px 0;
  padding: 10px 12px;
  background: #f7fafc;
  border-radius: 6px;
}

.dreets-subject-row .dreets-label {
  font-weight: 600;
  color: #1a202c;
  margin-right: 4px;
}

.dreets-copy-button + .dreets-copy-button,
.dreets-copy-wrapper + .dreets-copy-button {
  margin-left: 8px;
}

.dreets-copy-wrapper {
  display: inline-flex;
  align-items: center;
}

.dreets-copy-fail-banner {
  background: #fcf5e8;
  border: 1px solid #d7a84f;
  padding: 8px 16px;
  border-radius: 6px;
  color: #000000;
  font-size: 14px;
  margin: 8px 0;
}

.dreets-last-updated {
  text-align: center;
  font-size: 14px;
  color: #4a5568;
  padding: 24px 0;
}

.dreets-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-to-content {
  position: absolute;
  top: -40px;
  left: 0;
  background: #3b6094;
  color: #ffffff;
  padding: 8px 16px;
  z-index: 100;
  transition: top 100ms ease;
  text-decoration: none;
}

.skip-to-content:focus {
  top: 0;
}

@media (max-width: 640px) {
  .dreets-region-list-mobile { display: block; }
  .dreets-domtom-row { flex-direction: column; align-items: stretch; }
  .dreets-domtom-card { width: 100%; }
  .dreets-map-container { max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .dreets-map-svg path,
  .dreets-domtom-card,
  .dreets-copy-button { transition: none; }
}