/* ======================================================================
*  FUENTES
*  ======================================================================*/
@font-face {
    font-family: "BrownPro Bold";
    src: url("../fonts/BrownPro-Bold.woff2") format("woff2"), url("../fonts/BrownPro-Bold.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "BrownPro Light";
    src: url("../fonts/BrownPro-Light.woff2") format("woff2"), url("../fonts/BrownPro-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "BrownPro Regular";
    src: url("../fonts/BrownPro-Regular.woff2") format("woff2"), url("../fonts/BrownPro-Regular.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

*,
p{
    font-family: "BrownPro Light", Sans-serif;
    font-weight: 300;
}

p{
    font-size: 16px;
    line-height: 1;
    margin: 0;
}


strong{
    font-family: "BrownPro Bold", Sans-serif;
    font-weight: 700;
}

.syn-titulo-principal{
    display: block;
    line-height: 1;
    font-weight: 300;
    margin: 0;
    font-size: clamp(33px, 3.4vw, 50px);
}

.syn-titulo-secundario{
    margin: 0;
    line-height: 1.4;
font-size: clamp(18px, 1.44vw, 21px);
}

.syn-titulo-3{
    margin: 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}

@media (max-width: 769px){
   /* .syn-titulo-secundario {
        font-size: 18px;
    }*/
    .syn-titulo-secundario br{
        display: none;
    }
}

/* ======================================================================
*  COLORES
*  ======================================================================*/

.syn-color-azul-oscuro{
    color: #0f273a;
}
.syn-color-azul-claro{
    color: #3ba4cd;
}
.syn-color-blanco{
    color: #ffffff;
}
.syn-color-gris{
    color: #999999;
}

.syn-fondo-blanco{
    background-color: #ffffff;
}
.syn-fondo-blanco-oscuro{
    background-color: #F6F6F6;
}

.syn-fondo-azul-oscuro{
    background-color: #0f273a;
}

.syn-fondo-azul-claro{
    background-color: #3ba4cd;
}

.syn-fondo-gris-claro{
    background-color: #eeeeee;
}

.syn-fondo-gris-oscuro{
    background-color: #999999;
}



/* ======================================================================
*  GENERALES
*  ======================================================================*/
*,
*::after,
*::before{
    box-sizing: border-box;
}

body{
    background-color: #F6F6F6;
}

.syn-alto-pantalla {
    height: 100vh;
    min-height: 700px;
    display: flex;
    align-content: center;
    align-items: center;
}

.syn-padding {
    padding: 60px 10%;
}



.syn-seccion {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

@media (max-width: 769px) {
    .syn-padding {
        padding: 30px 20px;
    }
    .syn-alto-pantalla {
        height: auto;
    }
}




/* ======================================================================
*  HEADER
*  ======================================================================*/

.syn-header-fondo{
    background-image: url(../img/bg-trasnparente.png);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    justify-content: center;
}

.syn-header-cont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: stretch;
    gap: 0px;
}

.syn-header-cont-info{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.syn-header-cont-info-box{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}

.syn-header-box{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
}


.syn-header-box-1{
    
    justify-content: flex-start;
    width: 100%;
}

.syn-header-box-info{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
}

.syn-header-box-info p{
    font-size: clamp(11px, 0.6vw, 11px);
}

.syn-header-box-2{
    /*padding-top: 40px;*/
    justify-content: flex-end;
    width: 40%;
}

.syn-header-logos-cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}

.syn-header-logos{
    height: auto;
    object-fit: contain;
    object-position: center;
    width: clamp(120px, 13vw, 228px);
}

@media (max-width: 769px){
    .syn-header-cont-info-box{
        width: 100%;
        gap: 20px
    }
    .syn-header-box{
        width: 100%;
    }

    .syn-header-cont,
    .syn-header-box-info,
    .syn-header-logos-cont{
        gap: 20px;
        justify-content: flex-start;
    }
    .syn-header-box-info p{
        font-size: 14px;
    }
    .syn-header-box-2{
        padding-top: 40px;
    }
 
}


/* ======================================================================
*  BANNER
*  ======================================================================*/
.syn-banner{
    padding: 10px 0;
}

.syn-banner-seccion{
    width: 100%;
    margin: 0 auto;
}

.syn-banner .container {
    width: 100%;
    max-width:100%; /* Ajusta según tus necesidades */
    margin: 0 auto;
    padding: 0 20px;
  }
  
.syn-banner  .owl-carousel .item {
    background: #f8f8f8;
    padding: 30px 0;
    margin: 10px;
    text-align: center;
    border-radius: 5px;
  }
  
  /* Asegurar que los items ocupen el 80% del contenedor */
  .syn-banner  .owl-carousel .item {
    aspect-ratio: 16 / 11;
    width: calc(100% - 20px);
    margin: 0 10% 0 0; /* Margen derecho para mostrar parte del siguiente */
  }


  
  /* Estilo para mostrar parte del siguiente slider */
  .syn-banner  .owl-stage {
    padding-left: 20px !important;
  }

  .syn-banner-slider {
    background-image: url(../img/background.webp);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    position: relative;
  
  }
  
  
  .syn-banner-slider-logo {
    width: 16% !important;
    max-width: 150px;
    min-width: 100px;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 10%;
    right: 7%;
    z-index: 1;
  }
  
  
  .syn-banner-slider-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 7%;
  }
  
  
  .syn-banner-slider-box-1 {
    width: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: 0;

    
  }
  
  
  .syn-banner-slider-box-titulo {
    display: inline-block;
    line-height: 1;
    font-weight: 300;
    margin: 0;
    font-size: clamp(20px, 2.5vw + 1px, 45px);
    width: 100%;
    text-align: left;;
}

  
  
  .syn-banner-slider-box-texto {
    display: block;
    line-height: 1.1;
    font-weight: 100;
    font-size: clamp(14px, 2vw + 5px, 35px);
    margin: 0;
    font-family: "BrownPro Light";
    text-align: left;
    width: 100%;
  }
  
  
  .syn-banner-slider-box-2 {
    width: 50%;
    
  }
  
  
  .syn-banner-slider-box-img {
    
    
  }

  @media (max-width: 769px){
    .syn-banner .container {
        padding: 0;
    }

    .syn-banner .owl-carousel .item {
        aspect-ratio: unset;  
    }
    
    .syn-banner-slider{
        background-image: url(../img/bg-mobile.jpg);
    }

    .syn-banner-slider-box{
        gap: 30px;
        padding: 60px 20px 20px 20px;
    }

    .syn-banner-slider-box-1 ,
    .syn-banner-slider-box-2 {
        width: 100%;
    }


    .syn-banner-slider-box-1{
        order: 2;
    }
    .syn-banner-slider-box-2{
        order: 1;
    }

    .owl-item{
        width: 14% !important;
    }

    .owl-carousel .owl-item img{
        max-width: 400px;
    }

    .syn-banner-slider-box-texto br{
        display: none
    }
   
  }
  

/* ======================================================================
*  FEATURES
*  ======================================================================*/

.syn-features{
    border-radius: 10px;
    padding: 40px 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.syn-features-box{
    flex: 1 0 calc(33% - 20px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    min-width: 250px;
}

.syn-features-box-cont-img{
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 8px;
    display: flex
;
    align-content: center;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
}

.syn-features-box-cont-img img{
    width: 30px;
    height: 30px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

.syn-features-box-cont-info{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
}

.syn-features-box-cont-info p{
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-family: "BrownPro Light";
}



/* ======================================================================
*  STANDARDS
*  ======================================================================*/

.syn-standards{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 80px;
}

.syn-standards-header{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}

.scmr_cabezal {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    position: relative;
    height: 114px;
    margin-left: 20px;
}

@media (max-width: 769px) {
    .scmr_cabezal {
        margin-left: 20px;
        width: 90%;
    }
}

.scmr_cabezal_img {
    width: auto;
    aspect-ratio: 100 / 157;
    height: 125px;
    position: absolute;
    top: -13px;
    left: -43px;
    z-index: 1;
    object-fit: contain;
    object-position: top;
    display: block;
}

.scmr_cabezal_titulos_cont {
    position: absolute;
    top: 11px;
    height: 77px;
    left: 0;
    z-index: 2;
    width: 100%;
}

.scmr_cabezal_titulo {
    display: block;
    color: #0F273A;
    line-height: 1.1;
    font-weight: 800;
    font-size: clamp(30px, 3vw + 1px, 35px);
    margin: 0;
    font-family: "BrownPro Bold";
}

.scmr_cabezal_subtitulo {
    display: block;
    color: #0F273A;
    line-height: 1.1;
    font-weight: 100;
    font-size: clamp(23px, 2vw + 1px, 28px);
    margin: 0;
    font-family: "BrownPro Light";
}

.syn-standars-cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: stretch;
    gap: 2vw;
}

.scmr_standars_box_card{
    flex: 1 1 25vw;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    padding: 130px 40px;
    align-content: flex-start;
    align-items: flex-start;
    border-radius: 30px;
    height: auto;
    position: relative;
    justify-content: center;
}

.scmr_standars_box_card_titulo{
    display: block;
    line-height: 1.1;
    font-weight: 300;
    font-size: clamp(20px, 2vw, 25px);
    margin: 0;
    font-family: "BrownPro Light";
}

.scmr_standars_box_card_texto{
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-family: "BrownPro Light";
}

@media (max-width: 769px){
    .syn-standars-cont{
        gap: 20px;
    }
    .scmr_standars_box_card{
        flex: 1 1 100vw;
    }

    .scmr_cabezal_img{
        height: 95px;
        top: 0;
        left: -33px;
    }
}

/* ======================================================================
*  QMRI
*  ======================================================================*/
.syn-qmri{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}

.syn-qmri-cabezal{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.syn-qmri-cabezal-titulo{
    display: block;
    line-height: 1.1;
    font-weight: 400;
        font-size: clamp(30px, 3vw, 44.5px);
    margin: 0;
    font-family: "BrownPro Light";
    width: 100%;
    text-align: center;
}

.syn-qmri-cabezal-texto{
    width: 100%;
    padding: 0 10%;
    box-sizing: border-box;
    text-align: center;
    font-size:18px;
    font-family: "BrownPro Light";
    line-height: 1.4;
}

.syn-qmri-solutions {
    width: 100%;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: stretch;
    gap:4vw;
}

.syn-qmri-solutions-box {
    width: 45%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 4%;
    border-radius: 16px;
    gap: 40px;
}


.syn-qmri-solutions-box-img {
    width: 100%;
    height: auto;
    aspect-ratio: 441 / 318;
    object-fit: cover;
    object-position: center;
    display: block;
}


.syn-qmri-solutions-box-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.syn-qmri-solutions-box-info-cabezal {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.syn-qmri-solutions-box-info-titulo {
    display: block;
    line-height: 1.1;
    font-weight: 300;
    font-size: clamp(20px, 2.2vw, 30px);
    margin: 0;
    font-family: "BrownPro Light";

}


.syn-qmri-solutions-box-info-img {
    width: auto;
    height: 20px;
    display: block;
    object-fit: contain;
    object-position: center;
}

.syn-qmri-solutions-box-info-texto {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-family: "BrownPro Light";
}

.syn-qmri-solutions-box-features {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}

.syn-qmri-solutions-box-features-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}


.syn-qmri-solutions-box-features-item-img {    
    height: 80px;
    border-radius: 8px;
    width: 80px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
}
.syn-qmri-solutions-box-features-fondo-claro{
    background-color: #dce7eb;
}
.syn-qmri-solutions-box-features-fondo-oscuro{
    background-color: #2c5775;
}

.syn-qmri-solutions-box-features-item-img img {
    width: 30px;
    height: 30px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;    
}

.syn-qmri-solutions-box-features-item-texto {}

.syn-qmri-solutions-box-features-item-texto p{
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    font-family: "BrownPro Light";
    font-weight: 600;
}

.syn-qmri-solutions-box-button-panel {
    width: 100%;
    display: block;
    padding-top: 20px;
}

.syn-qmri-solutions-box-btn {
    text-decoration: none;
    border-radius: 8px 8px 8px 8px;
    padding: 15px 30px 15px 30px;
    width: 100%;
    display: block;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}


.syn-qmri-solutions-box-btn-texto {
    font-family: "BrownPro Bold", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}


.syn-qmri-solutions-btn-flecha {
    height: 18px;
    aspect-ratio: 1 / 1;
    width: 18px;
    object-fit: cover;
}

@media (max-width:769px){

    .syn-qmri-cabezal-texto{
        padding: 0;
    }
    .syn-qmri-solutions{
        padding: 0;
    }
    .syn-qmri-solutions-box {
        width: 100%;
        max-width: 500px;
        padding: 40px 20px 20px 20px;
    }
}

/* ======================================================================
*  RESOURCE
*  ======================================================================*/


.syn-resource{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}
.syn-resource-cabezal {    
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 3%;
}
.syn-resource-cabezal-titulos {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.syn-resource-cabezal-titulo-principal {
    display: block;
    line-height: 1.1;
    font-weight: 300;
    font-size: clamp(15px, 1.5vw + 2px, 25px);
    margin: 0;
    font-family: "BrownPro Light";
}
.syn-resource-cabezal-titulo-secundario {
    display: block;
    line-height: 1.1;
    font-weight: 300;
    font-size: clamp(20px, 2.5vw + 1px, 40px);
    margin: 0;
    font-family: "BrownPro Bold";
}
.syn-resource-cabezal-logo {
    height: auto;
    object-fit: contain;
    object-position: center;
    width: clamp(120px, 17vw, 228px);
}
.syn-resource-cont {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px 2% ;
    
}
.syn-resource-box {
    background: #ffffff;
    border-radius: 16px;
    padding: 3%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    gap: 20px;
   /*flex:1 1  32% ;*/
   flex: 0 1 32%;
}
.syn-resource-box-cabezal {
    
}
.syn-resource-box-cabezal-titulo {
    margin: 0;
    font-size: clamp(17px, 1vw + 0.5rem, 20px);
    line-height: 1;
    font-weight: 700;
    margin-bottom: 5px;
}
.syn-resource-box-cabezal-texto {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-family: "BrownPro Light";
}
.syn-resource-box-cabezal-btn-flecha {
    height: 18px;
    aspect-ratio: 1 / 1;
    width: 18px;
    object-fit: cover;
}

@media (max-width: 769px){
    .syn-resource-box {
        flex:1 1  100% ;
        padding: 20px;
    }
}

/* ======================================================================
*  MEET
*  ======================================================================*/


.syn-meet {    
    border-radius: 16px;
    padding: 50px 5%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    gap: 40px;
}
.syn-meet-cabezal {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.syn-meet-cabezal-span {
    margin: 0;
    padding: 6px;
    border-radius: 4px;
    display: block;
    color: #3ba4cd;
    border: 1px solid #3ba4cd;
    width: fit-content;
    line-height: 1;
    font-size: 14px;
    font-family: "BrownPro Bold", Sans-serif;
}

.syn-meet-cabezal-titulo {
    display: block;
    line-height: 1;
    font-weight: 400;
        font-size: clamp(30px, 3vw, 44.5px);
    margin: 0;
    font-family: "BrownPro Light";
    width: 100%;
    text-align: left;
}
.syn-meet-cont {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    gap: 30px 5%;
}
.syn-meet-box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    background: #ffffff;
    border-radius: 16px;
    flex: 1 1 30%;
    gap:10px;
    max-width: 316px;
}
.syn-meet-box-titulo {
    display: block;
    line-height: 1.1;
    font-weight: 300;
    font-size: clamp(20px, 2.3vw, 33px);
    margin: 0;
    font-family: "BrownPro Light";
}
.syn-meet-box-ciudad {
    text-transform: uppercase;
    font-size: 16px;
}

.syn-meet-box-texto {    
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-family: "BrownPro Light";
}
.syn-meet-box-botonera {
    width: 100%;
    margin-top: 20px;
    display: block;
}

.syn-meet-box-btn {
    text-decoration: none;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #0f273a;
    padding: 15px 25px;
    width: 100%;
    display: block;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

}
.syn-meet-box-btn-texto {
    font-family: "BrownPro Bold", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    color : #0f273a;
}

.syn-meet-box-btn-logo {
    width: auto;
    height: 18px;
    aspect-ratio: 1 / 1;
}



/* ======================================================================
*  CONTACT US
*  ======================================================================*/


.syn-contact {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}

.syn-contact-box-1 {
    width: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: flex-end;
    box-sizing: border-box;
    padding: 40px 30px 0 0;
}

.syn-contact-box-1-cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 20px;
}

.syn-contact-span {
    margin: 0;
    padding: 9px 6px 6px 6px;
    border-radius: 4px;
    display: block;
    border: 1px solid #0f273a;
    width: fit-content;
    line-height: 1;
    font-size: 14px;
    font-family: "BrownPro Bold", Sans-serif;
    color: #0f273a;
}

.syn-contact-titulo {
    display: block;
    line-height: 1.1;
    font-weight: 300;
    font-size: clamp(30px, 5vw + 5px, 50px);
    margin: 0;
    font-family: "BrownPro Bold";
}

.syn-contact-subtitulo{
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: right;
    font-family: "BrownPro Light";

}

.syn-contact-box-2 {
    width: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 20px;
        padding-left: 40px;
}

.syn-contact-form-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background-color: #eeeeee;
    border-radius: 16px;
    padding: 30px;
}

.syn-contact-form-box-cabezal {
    width: calc(100% - 36px);
}

.syn-contact-form-box-titulo {
    color: #0f273a;
    margin: 0;
    font-size: clamp(16px, 2vw, 23px);
    line-height: 1.4;
    text-align: left;
    font-family: "BrownPro Light";
    font-weight: 600;
}

.syn-contact-form-box-subtitulo {
    color: #0f273a;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-family: "BrownPro Light";
}

.syn-contact-form-box-flecha {
    aspect-ratio: 30 / 43;
    width: 14px;
    height: auto;
}

.syn-contact-form{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background-color: #eeeeee;
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding: 0;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.syn-contact-form-active{
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 30px 0 0 0;
}






.syn-contact-form  .mc-field-group{
    margin-bottom: 10px
}
.syn-contact-form  .email,
.syn-contact-form  .text{
    background: #ffffff;
    border: 0px;
    border-radius: 8px;
    color: #999999;
    font-weight: 400;
    font-size: 14px;
    padding: 15px 30px 15px 30px;
    width: 100%;
    font-family: "BrownPro Light";
}

.syn-form-ocultar{
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.syn-form-2campos{
    width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.syn-form-2campos input{
    width: calc(100% - 5px) !important;
}

@media (max-width: 600px){
    .syn-form-2campos{
        flex-wrap: wrap;
    }

    .syn-form-2campos input{
        width: 100% !important;;
    }
}

#syn-form-2-btn{
    font-family: "BrownPro Bold";
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    color: #ffffff;
    cursor: not-allowed;
    text-align: center;
    text-decoration: none;
    background-color: #3BA4CD;
    padding: 15px 30px;
    border-radius: 8px;
    border: unset;
    margin-top: 10px;
    width: 100%;
}

.syn-gdpr-cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding-top: 10px;
}

.syn-gdpr-cont fieldset{
    border: unset;
    margin: 0;
    padding: 0;
}

.syn-gdpr-cont-info label{
    font-family: "BrownPro Bold";
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}


.syn-gdpr-cont-info p{
    font-family: "BrownPro Light";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}


@media (max-width: 769px){
    .syn-contact{
        gap: 20px;
    }
    .syn-contact-box-1-cont{
        width: 100%;
    }
    .syn-contact-box-1{
        padding: 0;
    }
    .syn-contact-box-1,
    .syn-contact-box-2{
        width: 100%;
        padding-left: 0;
    }
}

.syn-header-box {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
}

@media (max-width: 769px) {
    .syn-header-box {
        width: 100%;
    }
}

.syn-footer-box-logos {
    width: 100%;
    display: flex;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    padding-top: 3vw;
    gap: 2vw;
}


.syn-check-list{
    padding-top: 100px;
}


.syn-check-list-box {
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

 .syn-check-list-cont{
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
}

.syn-check-list-box {
    align-items: flex-start;
    flex: 1 1 25%;
    gap: 10px;
    justify-content: flex-start;
     align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

 .syn-check-list-cont {
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.syn-check-list-img {
    aspect-ratio: 1 / 1;
    height: auto;
    width: 33px;
}

.syn-check-list-title {
    color: #999;
   /* font-size: clamp(20px, 2vw, 25px);*/
   font-size: 18px;
    margin: 0;
    font-family: "BrownPro Light";
    font-weight: 700;
    letter-spacing: 0;
    line-height: 129%;
}

@media (max-width: 769px) {
    .syn-check-list-cont {
        flex-wrap: wrap;
        gap: 20px;
    }
    .syn-check-list-box {
        align-items: flex-start;
        flex: 1 1 calc(50% - 20px);
    }
    .syn-check-list-img {
        width: 6vw;
    }
    .syn-check-list-title {
        font-size: 18px;
        width: calc(100% - 43px);
    }
}

.syn-header-buttoms-buttoms {
    align-content: center;
    align-items: stretch;
    border-top: 1px solid #999;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    margin-top: 30px;
    padding-top: 30px;
}

.syn-header-buttoms-btn {
    align-content: center;
    align-items: center;
    aspect-ratio: auto;
    background: #233551;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 13px;
    justify-content: space-between;
    line-height: 1;
    margin: 0;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: fit-content;
}

button.syn-header-buttoms-btn {
    border: 0;
    cursor: pointer;
}

@media (max-width: 769px) {
    .syn-header-buttoms-btn, .syn-header-buttoms-text {
        font-size: 14px;
    }
}



.syn-video-popup{

}

.syn-video-popup-cont{
    gap: 20px;
    margin: 0 auto;
    max-width: 1240px;
    gap: 60px 3%;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
}

.syn-video-popup-box{
    align-items: center;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    height: auto;
    padding: 100px 100px 0 100px;
    position: relative;
    width: 100%;
    align-content: center;
    justify-content: space-between;
}

.syn-video-popup-cont-box-img{
  border-radius: 50%;
    display: block;
    object-fit: cover;
    object-position: center;
    width: calc(50% - 20px);
    height: auto;
    aspect-ratio: 1 / 1;
}


.syn-video-popup-cont-img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    display: block;
}

.syn-video-popup-cont-box-2{
    align-content: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    width: calc(50% - 20px);
}

.syn-video-popup-cont-box-2-info{
     width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    box-sizing: border-box;
}
.syn-video-popup-box-title,
.syn-video-popup-box-desc{
  font-weight: 300;
    line-height: 1;
}


.syn-video-popup-bottom-box {
  display: flex;
  align-content: center;
  justify-content: center;
  height: auto;
  width: 75%;
  margin: -50px auto 0;
}

.syn-video-popup-bottom-box-cont {
  box-sizing: border-box;
 background: #ffffff;
    border-radius: 10px;
    display: flex;
    align-content: flex-end;
    justify-content: center;
    height: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px;
}

.syn-video-popup-bottom-box-cont-desc {
  margin: 0;
  width: calc(70% - 10px);
}
.syn-video-popup-bottom-box-cont-title {
  margin: 0;
  width: calc(30% - 10px);
}


.syn-video-content {
    position: relative;
    z-index: 2;
    width: min(90%, 700px);
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    padding: 0 !important;
    border-radius: 0  !important;
}

.syn-video-content iframe{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;}


.syn-video-popup-bottom-btn-cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: end;
}

.syn-video-popup-bottom-btn-link{
  cursor: pointer;
    width: 200px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    background: #fff;
    border: none;
    padding: 0;
}

.syn-video-popup-bottom-btn-link span{
    display: block;
    font-size: 18px;
 font-weight: 700;
    line-height: 1;
    text-decoration: underline;
}

.syn-video-popup-bottom-btn-icon{
  aspect-ratio: 1 / 1;
    height: auto;
    object-fit: contain;
    object-position: center;
    width: 13px;
}


@media (max-width: 769px){
  .syn-video-popup-bottom-box-cont-title,
  .syn-video-popup-bottom-box-cont-desc{
    width: 100%;
  }
  .syn-video-popup-bottom-box{
    margin: 0 auto;
    width: calc(100% - 15px);
  }
  .syn-video-popup-box{
    padding: 8vw;
    gap: 20px;
  }
   .syn-video-popup-cont-box-1,
  .syn-video-popup-cont-box-2{
    width: 100%;
  }
}

.syn-popup {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.syn-popup .syn-popup-close{
color: #ffffff !important;
}

.syn-popup.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.syn-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .7);
}

.syn-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 28px;
}



@media (max-width: 769px){
    .syn-header-buttoms-buttoms {
        margin-top: 0;
    }
    .syn-header-buttoms-btn, .syn-header-buttoms-text{
        width: 100%;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
}