/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  font-size: 16px;
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
      scroll-behavior: smooth !important;
  }

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1, h2,h3,h4,h5,h6,p{
  margin:0;

}




ul, ol { padding-inline-start: 24px; margin: 0; }


li{
  margin-bottom: 0px;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
  max-width: 100%;
}


.img-responsive {
  max-width: 100%;
  height: auto;
  display: block; /
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}



body{
  font-size: 16px;
  font-family: 'Inter';
}


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



/*GRID*/

.main-grid{
  width: 100%;
  display: grid;
  grid-gap: 20px;
  /*grid-template-columns:  repeat(4, 1fr);*/
    /*grid-template-columns: minmax(0, 15px) repeat(4, minmax(0, 1fr)) minmax(0, 15px);*/
    grid-template-columns: minmax(0, 15px) repeat(4, minmax(0, 1fr)) minmax(0, 15px);

  margin: 0 auto;
  position: relative;
}



@media only screen and (min-width:601px){


/*  .main-grid{
  width: 100%;
  display: grid;
  grid-gap: 20px;
    grid-template-columns: minmax(0, 1fr) repeat(6, minmax(0, 1fr)) minmax(0, 1fr);

  margin: 0 auto;
  position: relative;
}
*/

/*
    .main-grid{
    width: 100%;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: minmax(0, 1fr) repeat(9, minmax(0, 92px)) minmax(0, 1fr);
    margin: 0 auto;
    position: relative;
  }
  .main-grid .grid-wrap{
    grid-column-start:2;
    grid-column-end:10
  }
  .main-grid .grid-wrap-overflow{
    grid-column-start:1;
    grid-column-end:11;
  }*/

}


@media only screen and (min-width:993px){


    .main-grid{
    width: 100%;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: minmax(0, 1fr) repeat(9, minmax(0, 92px)) minmax(0, 1fr);
    margin: 0 auto;
    position: relative;
  }
  .main-grid .grid-wrap{
    grid-column-start:2;
    grid-column-end:10
  }
  .main-grid .grid-wrap-overflow{
    grid-column-start:1;
    grid-column-end:11;
  }

}
@media only screen and (min-width:1201px){


  .main-grid{
    width:100%;
    display:grid;
    grid-gap:20px;
    grid-template-columns:minmax(0,1fr) repeat(12,minmax(0,92px)) minmax(0,1fr);
    margin:0 auto;
    position:relative
  }
  .main-grid .grid-wrap{
    grid-column-start:2;
    grid-column-end:14
  }
  .main-grid .grid-wrap-overflow{
    grid-column-start:1;
    grid-column-end:15
  }
}


  


/*GRID*/


/*GENERAL STYLES*/


.menu-link-parent ,.menu-link-parent:hover, .menu-link-parent:active{
  color: #000;
  font-family: 'Inter';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: uppercase;
}


.menu-link-parent:hover, .menu-link-parent:active,.menu-link-child:hover, .menu-link-child:active{
  color: #0EA5DF;
}


.menu-link-cta{
  color: #15204F;
text-align: right;
font-family: 'Inter';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 125% */
letter-spacing: 0.48px;
text-transform: uppercase;
}


.menu-link-child{
  color: #4F5D71;
font-family: 'Inter';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.42px;
}





/*MAIN STYLES chuy*/




.hero-title{
font-family: Inter;
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 80px; /* 133.333% */
letter-spacing: 3px;
text-transform: uppercase;


font-size: clamp(1.875rem, 1.555vw + 1.535rem, 2.5rem);
line-height: clamp(2.25rem, 1.866vw + 1.842rem, 3rem);

}



@media only screen and (min-width:993px){



.hero-title{
  font-size: clamp(2.5rem, 9.615vw + -3.468rem, 3.75rem);
line-height: clamp(3rem, 11.538vw + -4.161rem, 4.5rem);

}








}

@media only screen and (min-width:601px){

/*.hero-title{
font-family: Inter;
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 80px;
letter-spacing: 3px;
text-transform: uppercase;
}*/

}




p{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
color : var(--color-grey);
}

.small-text{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}


p > strong {
  font-weight: 700;
  color:#4F5D71;
}


 a {
  text-decoration: underline;
  color:#4F5D71;


font-style: normal;
font-weight: 500;
line-height: 22px;

}

a:hover{
  color: #15204F;

}


.medium-text{

text-align: center;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 133.333% */
}


.stats-text{
text-align: center;
font-family: Inter;
font-size: 100px;
font-style: normal;
font-weight: 600;
line-height: 140px; /* 140% */
}



h1 {

  font-family: Inter;

font-style: normal;
font-weight: 500;

}

h1.hero{

font-family: Inter;

font-style: normal;
font-weight: 500;
/*line-height: 48px; /* 120% */

/*font-size: clamp(1.563rem, 1.376vw + 1.261rem, 2.5rem);
line-height: clamp(1.875rem, 1.651vw + 1.514rem, 3rem);
*/
/*font-size: clamp(1.25rem, 1.878vw + 0.81rem, 2.5rem);
line-height: clamp(1.5rem, 2.254vw + 0.972rem, 3rem);*/


font-size: clamp(1.875rem, 2.237vw + 0.487rem, 2.5rem);
line-height: clamp(2.25rem, 2.685vw + 0.584rem, 3rem);



}

h2{

font-family: Inter;
/*font-size: 40px;*/
font-style: normal;
font-weight: 500;
/*line-height: 48px; /* 120% */

/*font-size: clamp(1.563rem, 1.376vw + 1.261rem, 2.5rem);
line-height: clamp(1.875rem, 1.651vw + 1.514rem, 3rem);
*/
/*font-size: clamp(1.25rem, 1.878vw + 0.81rem, 2.5rem);
line-height: clamp(1.5rem, 2.254vw + 0.972rem, 3rem);*/


font-size: clamp(1.875rem, 2.237vw + 0.487rem, 2.5rem);
line-height: clamp(2.25rem, 2.685vw + 0.584rem, 3rem);



}


.title-light{
 color: #0EA5DF;
font-family: Inter;
font-size: 50px;
font-style: normal;
font-weight: 300;
line-height: 60px; /* 120% */
}


h3{
  color: #0076BF;

font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 133.333% */
}


h4 {
  color: #15204F;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 140% */
/*text-transform: uppercase;*/
}



.footer-menu-item{


font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.42px;
text-transform: uppercase;
}


.cta{

clip-path: polygon(0 0, 100% 0, calc(100% - 22px) 100%, 0% 100%);
/*clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 0px 50%);*/


/*padding: 14.5px 25.5px 14.5px 18.5px;*/
padding: 12.5px 25.5px 12.5px 18.5px;
background: var(--color-neon);
color: var(--color-darkBlue);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 125% */
letter-spacing: 0.8px;
text-transform: uppercase;
gap:10px;
text-decoration: none;
display: inline-flex;
align-items: center; 

transition: all 0.3s ease-in;

}

.cta.transp{

clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
background: transparent;
    padding: 14.5px 25.5px 14.5px 0px;
    margin-left: 0px;
    transition: all 0.3s ease-in;

}
/*
.cta.transp:hover > img{

margin-left: 5px;
transition: all 0.3s ease-in-out;

}

.cta:hover > img{

margin-left: 5px;
transition: all 0.3s ease-in-out;

}
*/

.cta > img {
  transition: margin-left 0.3s ease-in-out;
}

.cta:hover > img {
  margin-left: 5px;
}




 @media only screen and (min-width:1600px){


 .fullwrap{

max-width: 1600px;
margin: 0 auto;

 }

 
 }






/*MENU*/


/*MENU*/



/* header */
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  
  padding: 0 0px;
  border-bottom: 0px solid #F6F6F6;
}




@media only screen and (min-width: 993px){

  #bb > header > div > div > div.header-logo-col > a > img{ 
    
      margin-top: 20px;
}
}


#bb > header > div > div > div.header-menu-col > div.header > div > div.menu__horizontal__wrapper > div > ul > li > div > div > div.megaMenu__inner > div > div > ul > li > a {
  text-transform: capitalize !important;
  
}





@media (min-width: 1200px) {
  .header {
    padding: 10px 20px;
  }
}



@media (min-width: : 601px) {
  .header {
    height: 95px;
  }
}





.header.sticky {
  position: sticky;
  z-index: 999;
  top: 0;

  padding-top: 20px;
  padding-bottom: 20px;
}

.sticky {
  position: sticky;
  z-index: 999;
  top: 0;
   padding-top: 20px;
  padding-bottom: 20px;
}


 @media only screen and (min-width:1201px){

.sticky {
 
   padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: -1px;
}

}



.header .header__logo {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  min-width: 150px;
  flex-basis: 150px;
}




.header .menu__horizontal {
  width: 100%;
  position: initial;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}



 @media only screen and (min-width:1201px){
  
.header .menu__horizontal {
height: 74px;
}


}



.header .menu__horizontal .menu__horizontal__wrapper {
  overflow: hidden;
  /*max-height: 65px;*/
}
.header .menu__horizontal .header__menu {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .header .menu__horizontal .menu__horizontal__btn {
    display: none;
  }
}
.header .menu__horizontal .menu__horizontal__btn .menuBtn__wrapper {
  display: flex;
  flex-flow: row nowrap;
}


.header .menu__horizontal .menu__horizontal__btn button.disabled {
  cursor: default;
  opacity: 0.25;
}

.header__menu .main__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
 /* overflow-x: auto;
  overflow-y: hidden;*/
  height: 100%;
  max-width: 100%;
  width: 100%;
  align-items: center;
  padding-left: 0px;
}
@media (max-width: 1200px) {
  .header__menu .main__menu {
    position: fixed;
    /*top: 65px;*/
    top: 64px;
    left: 0;
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 120px;
    background: #fff;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.15);
    /*overflow-y: auto;*/
    transform: translateX(-100%);
    transition: 0.3s ease-out;
    padding-left: 0px;
            overflow-y: unset;
  }
  .header__menu .main__menu.open {
    transform: translateY(0);
  }
}





.header__menu .main__menu > .menu__item {
  position: initial;
}
@media (max-width: 1200px) {
  .header__menu .main__menu > .menu__item {
    border-bottom: 1px solid #222;
  }


  
}






@media (min-width: 1201px) {

   .main__menu {

    margin-top: 29px;
}



}

@media (min-width: 1201px) {
  .header__menu .main__menu > .menu__item > .menuItem__link {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 1rem;

  }



    .header__menu .main__menu > .menu__item {
    border-bottom: 5px solid #fff;
  }

     .header__menu .main__menu > .menu__item:hover {
    border-bottom: 5px solid #0EA5DF;
  }


}
@media (max-width: 1200px) {
  .header__menu .main__menu > .menu__item > .menuItem__link {
    padding: 1rem 2rem 1rem 1rem;
    font-weight: 500;
  }
}
.header__menu .main__menu .menu__item:hover .mega__menu {
  opacity: 1;
  visibility: visible;
  border-top: 4px solid #0EA5DF;
}
@media (min-width: 767px) {
  .header__menu .main__menu > .menu__item:not(.visible-row):hover > .sub__menu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
.header__menu .menu__item {
  position: relative;
}
@media (min-width: 1201px) {
  .header__menu .menu__item:hover > .sub__menu {
    opacity: 1;
    visibility: visible;
  }
  .header__menu .menu__item:hover > .expand-btn:after {
    transform: translateY(-50%) rotate(180deg);
  }
}
@media (min-width: 1201px) {
  .header__menu .menu__item .sub__menu--right .expand-btn:after,
.header__menu .menu__item .sub__menu--left .expand-btn:after {
    /*right: 0.625rem;*/
  }
}
@media (min-width: 1201px) {
  .header__menu .sub__menu {
    position: absolute;
    z-index: 99;
    top: 100%;
    width: 190px;
    padding: 5px 0;
    border-radius: 0 0 5px 5px;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
  }
  .header__menu .sub__menu .menuItem__link {
    padding: 0.5rem 1.5rem 0.5rem 1rem;
  }
  .header__menu .sub__menu .menuItem__link.expand-btn::after {
    right: 10px;
  }
}
@media (max-width: 1200px) {
  .header__menu .sub__menu {
    display: none;
    position: relative;
    z-index: 999;
    top: 0;
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
    background-color: #111;
  }
  .header__menu .sub__menu .menu__item {
    border-bottom-color: #ECECEC;
  }
}
.header__menu .sub__menu--right {
  top: 0;
  left: 100%;
}
@media (max-width: 1200px) {
  .header__menu .sub__menu--right {
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    padding-left: 1rem;
  }
  .header__menu .sub__menu--right:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 17px;
    width: 1px;
    height: calc(100% - 25px);
    background-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-50%);
  }
}
.header__menu .sub__menu--left {
  top: 0;
  left: -100%;
}
@media (max-width: 1200px) {
  .header__menu .sub__menu--left {
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 1rem;
  }
  .header__menu .sub__menu--left:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 17px;
    width: 1px;
    height: calc(100% - 25px);
    background-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-50%);
  }
}
.header__menu .menuItem__link {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  transition: 0.25s;

    color: #000;
  font-family: 'Inter';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: uppercase;




}
.header__menu .menuItem__link:hover {
  color: #0EA5DF;
}
@media (max-width: 1200px) {
  .header__menu .menuItem__link.expand-btn::after {
    right: 15px;
            left: 80%;
                    width: 10px;

                    display: inherit;

  }
}
.header__menu ul li {
  list-style: none;
  transition: 0.3s ease;
}
.header__menu ul li a {
  position: relative;
  text-decoration: none;
  color: #FFF;
}
@media (min-width: 1201px) {
  .header__menu .menu__item:has(.mega__menu) {
    position: inherit !important;
  }
}
@media (min-width: 1201px) {
  .header__menu .mega__menu {
    position: absolute;
    /*top: 65px;*/
    top: 96px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    padding-top: 0;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
  }
}
@media (max-width: 1200px) {
  .header__menu .mega__menu {
    position: relative;
    display: none;
    padding-left: 0;
    padding: 0;
  }
}
.header__menu .megaMenu__wrap {
  /*padding: 30px;*/
  padding: 0px;
}
@media (max-width: 1200px) {
  .header__menu .megaMenu__wrap {
    padding: 1rem;
  }
}
.header__menu .megaMenu__inner {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.header__menu .megaMenu__inner .megaMenu__item .megaMenuTitle {
  display: flex;
}
.header__menu .megaMenu__inner .megaMenu__item .megaMenuTitle a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
  transition: 0.25s;
}
@media (min-width: 1201px) {


 /* .expand-btn:after {
     display: none ; 
 
}*/


  .header__menu .megaMenu__inner .megaMenu__item .megaMenuTitle a {
    padding-left: 0;
  }
}
.header__menu .megaMenu__inner .megaMenu__item .megaMenuTitle a:hover {
  color: #ff5722;
}
.header__menu .megaMenu__inner .megaMenu__item .megaMenuContent .sub__menu--static {

  padding: 30px 0 30px 20px;



}
.header__menu .megaMenu__inner .megaMenu__item .megaMenuContent .sub__menu--static .menu__item .menuItem__link {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1201px) {
  .header__menu .menu__category {
    display: flex;
    justify-content: center;
  }

  .expand-btn:after {
     display: none !important; 
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    font-size: 11px;
    font-weight: 900;
    opacity: 0.75;
    transform: translateY(-50%) rotate(0);
    transition: 0.25s;
}


}
.header__menu .menu__category .megaMenu__wrap {
  min-width: 100%;
  flex-basis: 100%;
  border-radius: 0 0 5px 5px;
  background-color: #111;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 1024px) {
  .header__menu .menu__category .megaMenu__wrap {
    min-width: 85%;
    flex-basis: 85%;
    background-color: #000;
  }
}
.header__menu .menu__category .megaMenu__inner .megaMenu__item {
  display: flex;
  flex-flow: column;
  min-width: calc(33.333333% - 13.333333px);
  flex-basis: calc(33.333333% - 13.333333px);
}
@media (max-width: 1200px) {
  .header__menu .menu__category .megaMenu__inner .megaMenu__item {
    min-width: calc(50% - 13.333333px);
    flex-basis: calc(50% - 13.333333px);
  }

.menu__btn{
  margin-top: -5px;
}

}
@media (max-width: 575px) {
  .header__menu .menu__category .megaMenu__inner .megaMenu__item {
    min-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1201px) {
  .header__menu .menu__catalogue {
    display: flex;
    justify-content: center;
  }
}
.header__menu .menu__catalogue .megaMenu__wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 0;
  min-width: 100%;
  flex-basis: 100%;
  border-radius: 0 0 5px 5px;
 
 background: #FFF;



box-shadow: 0 2px 2px 2px rgba(79, 93, 113, 0.10);

}
@media (min-width: 1024px) {
  .header__menu .menu__catalogue .megaMenu__wrap {
    min-width: 876px;
    flex-basis: 0;
    background-color: white;

  }
}
@media (max-width: 1200px) {
  .header__menu .menu__catalogue .megaMenu__wrap {
    row-gap: 0px;
  }
}
.header__menu .menu__catalogue .megaMenu__inner {
  flex-basis: 50%;
  min-width: 50%;
}
@media (max-width: 1200px) {
  .header__menu .menu__catalogue .megaMenu__inner {
    flex-basis: 100%;
    min-width: 100%;
  }
}
.header__menu .menu__catalogue .megaMenu__inner .megaMenu__item {
  display: flex;
  flex-flow: column;
  /*min-width: calc(33.333333% - 13.333333px);*/
  min-width: calc(48.333333% - 13.333333px);
  flex-basis: calc(33.333333% - 13.333333px);
}





@media (max-width: 1200px) {
  .header__menu .menu__catalogue .megaMenu__inner .megaMenu__item {
    min-width: calc(50% - 13.333333px);
    flex-basis: calc(50% - 13.333333px);
  }
}
@media (max-width: 575px) {
  .header__menu .menu__catalogue .megaMenu__inner .megaMenu__item {
    min-width: 100%;
    flex-basis: 100%;
  }
}
.header__menu .menu__catalogue .menuMega__catalogue {
  display: flex;
  flex-flow: row wrap;
  flex-basis: 50%;
  min-width: 50%;
  gap: 10px;
     

}

 .menuMega__catalogue-small {
 
    background: url(../img/megamenu-back.png) !important;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;





} .menuMega__catalogue-big {
 
    background: url("../img/megamenu-back-big.png")  !important;
    background-color: white !important;
    background-repeat: no-repeat !important;
background-size: cover !important;

}


@media (max-width: 1200px) {
  .header__menu .menu__catalogue .menuMega__catalogue {
    flex-basis: 100%;
    min-width: 100%;
  }
}
.header__menu .menu__catalogue .menuMega__catalogue .col--left,
.header__menu .menu__catalogue .menuMega__catalogue .col--right {
  flex-basis: calc(50% - 0px);
  min-width: calc(100% - 0px);
      align-items: center;
    justify-content: center;
}


.header__menu .menu__catalogue .menuMega__catalogue .col--left {
  display: flex;
  flex-flow: column;
  gap: 10px;
}


@media (max-width: 1200px) {

.header__menu .menu__catalogue .menuMega__catalogue .col--left{

  display: none;
}

.header__menu .megaMenu__inner {

    gap: 0px;
}

.header__menu .megaMenu__inner .megaMenu__item .megaMenuContent .sub__menu--static {
    padding:  0  ;
}

}

.header__menu .menu__catalogue .menuMega__catalogue .col--right .menuCatalogue__item {
  height: 100%;
}
.header__menu .menu__catalogue .menuMega__catalogue .col--right a {
  height: 100%;
}
.header__menu .menu__catalogue .menuMega__catalogue .col--right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header__menu .menu__catalogue .menuMega__catalogue .menuCatalogue__item a {
  display: flex;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.header__menu .menu__catalogue .menuMega__catalogue .menuCatalogue__item a:hover img {
  transform: scale(1.1);
}
.header__menu .menu__catalogue .menuMega__catalogue .menuCatalogue__item a img {
  width: 100%;
  transform: scale(1);
  transition: 0.25s;
}
.header__menu .menu__catalogue .menuMega__catalogue .menuCatalogue__item a p {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  padding: 20px 10px;
  text-align: center;
  color: #fff;
}
.header__menu .menu__catalogue .menuMega__catalogue .menuCatalogue__item a:before {
  z-index: 1;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.menu__btn {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 1200px) {
  .menu__btn {
           display: flex;
        width: 95%;
      justify-content: flex-end;
      align-items: flex-end;
  }
}
.menu__btn .menu__btn__lines,
.menu__btn .menu__btn__lines::before,
.menu__btn .menu__btn__lines::after {
  width: 1.5rem;
  height: 0.1rem;
  background: #000;
  transition: all 0.4s ease-in-out;
}
.menu__btn .menu__btn__lines::before, .menu__btn .menu__btn__lines::after {
  content: "";
  position: absolute;
}
.menu__btn .menu__btn__lines::before {
  transform: translateY(-0.5rem);
}
.menu__btn .menu__btn__lines::after {
  transform: translateY(0.5rem);
}
.menu__btn.open .menu__btn__lines {
  transform: translateX(1rem);
  background: transparent;
}
.menu__btn.open .menu__btn__lines::before {
  transform: rotate(45deg) translate(-0.5rem, 0.5rem);
  background: #000;
  height: 0.05rem;
}
.menu__btn.open .menu__btn__lines::after {
  transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
  background: #000;
  height: 0.05rem;
}

.expand-btn:after {
  /*display: none !important;*/
  position: absolute;
  top: 50%;
  right: 0;
  content: " +";
  
  font-size: 11px;
  font-weight: 900;
  opacity: 0.75;
  transform: translateY(-50%) rotate(0);
  transition: 0.25s;
      left: 80%;
}
.expand-btn.open {
  color: #ff5722;
}
.expand-btn.open:after {
  transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 1200px) {
  .overflow {
    overflow: hidden;
  }
}

@media (max-width: 1023px) {
  .overlay {
    position: fixed;
    z-index: 500;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  .overlay.overlay--active {
    opacity: 1;
    visibility: visible;
  }
}

/* container */
.container {
  margin: 100px auto auto;
  padding: 0 30px;
  max-width: 1200px;
  text-align: center;
}
.container h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #FFF;
  text-transform: uppercase;
}
.container ul {
  list-style: none;
}
.container ul li {
  text-align: center;
  padding: 0.625rem 0;
  color: #FFF;
}




.menu__horizontal__btn{
  display: none  !important;
}




.menu-column-copy-wrapper{

display: flex;
align-items: center;
gap: 10px;

}


.menu-column-copy-text{

color: #06A7E2;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 125% */
letter-spacing: 0.8px;
text-transform: uppercase;

}

.menu-column-copy-text-link{

color: #06A7E2 !important;


}


.menu-column-copy-img{
  width: 24px;
}


/*MENU*/



/*TABCORDION*/


.content-intro-wrapper{
  display: flex;

flex-direction: column;
gap:20px;
margin-bottom: 10px;
}



  .item {
      /*padding: 0 40px 0 35px;*/
      padding: 0 20px 0 24px;
      /*padding: 0 0px 0 24px;*/
      margin: 0px;
      background: #eee;
      border-radius: 0px;
      white-space: nowrap;
      cursor: pointer;
      user-select: none;
      transition: background 0.3s; 
      text-align: center;
      margin-right: 0px;
      height: 54px;
      background: #f6f6f6;
      color: var(--color-blue);
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      background-size: cover;
      display: flex
  ;
      align-items: center;
      justify-content: flex-start;

border: 0px;



   clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);

  margin: 0px -7px;
  background: #f6f6f6;
    transition: color 0.2s ease-in;
  }


  .item:hover,.item.last:hover , .item.first:hover{ 
    background:linear-gradient(266deg, #50BFC6 0%, #06A7E2 100%) !important;
  color: white;

  }

  .item.first{ 

  /*background:linear-gradient(266deg, #50BFC6 0%, #06A7E2 100%);*/

  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 0px 50%);
   transition: background 0.2s ease-in;
   padding: 0 21px 0 16px;
  }


  .item.first.active{ 

  background:linear-gradient(266deg, #50BFC6 0%, #06A7E2 100%);
  color: var(--color-white);

  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 0px 50%);

  }



  .item.active{ 

  background:linear-gradient(266deg, #50BFC6 0%, #06A7E2 100%);
  color: white;
  }



  .item.last{ 

   background:#f6f6f6;
   clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);
  margin: 0px -7px;


  }

  .item.last.active{ 

    background:linear-gradient(266deg, #50BFC6 0%, #06A7E2 100%);


  }




/*GRID COLS*/



 .steps-grid > .col0{

  grid-column: 2 / span 4 ;
  /*background: red;*/
  
}


 .steps-grid > .col{

  grid-column: 2 / span 4 ;
  /*background: red;*/
  
}

 .steps-grid > .col2{

  grid-column: 4 / span 4 ;
 
}


 
  .step-link-text{

    /*padding: 12.5px 25.5px 12.5px 18.5px;*/
    /*background: var(--color-neon);*/
    color: var(--color-darkBlue);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    gap: 10px;
    text-decoration: none;
  
  margin-bottom: 16px;
    
  }


  .step-clip{
    clip-path: polygon(54.7% 1.0%, 54.7% 0.1%, 100.0% 100.0%, 9.4% 100.0%);
  }

@media only screen and (min-width:993px){

 .steps-grid > .col0{

  grid-column: 2 / span 4 ;
  /*background: red;*/
  
}
 .steps-grid > .col{

  grid-column: 2 / span 9 ;
  /*background: red;*/
  
}


  .item {
      /*padding: 0 40px 0 35px;*/
     padding: 0 18px 0 24px;
    font-size: 16px;
   
  margin: 0px -7px;

  }




 }



 @media only screen and (min-width:1201px){
  
   .steps-grid > .col0{

  grid-column: 3 / span 5 ;
  /*background: red;*/
  
}

   .steps-grid > .col{

  grid-column:  3 / span 11 ;
  /*background: red;*/
  
}



  .item {
      /*padding: 0 40px 0 35px;*/
     padding: 0 20px 0 24px;
    font-size: 16px;
   
  

  }



 }


 @media only screen and (min-width:1234px){
  
  .item {
      /*padding: 0 40px 0 35px;*/
     padding: 0 19px 0 24px;
    font-size: 18px;
   
  

  }

   }




.ootb-tabcordion {

  /*box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);*/
  max-width: 100%;
  /*padding: 1rem;*/
  /*margin: 1rem auto 4rem auto;*/
  /*border-radius: 3px;*/
}
.ootb-tabcordion.has-tabs .ootb-tabcordion--tabs {
  opacity: 1;
  height: auto;
  visibility: visible;
}
.ootb-tabcordion.has-tabs .ootb-tabcordion--entry {
  min-height: 0;
}
.ootb-tabcordion.has-tabs .ootb-tabcordion--entry::before {
  display: none;
}
.ootb-tabcordion.has-tabs .ootb-tabcordion--entry.is-active .ootb-tabcordion--entry-content {
  opacity: 1;
  transition: opacity 00ms ease-in;
}
.ootb-tabcordion.has-tabs .ootb-tabcordion--entry .ootb-tabcordion--entry-content {
  opacity: 0;
  transition: opacity 0ms ease-in;
}

.ootb-tabcordion--tabs {
  opacity: 0;
  height: 0;
  visibility: hidden;
  display: flex;
  flex-flow: wrap;
  margin: 0;
  list-style: none;
  padding: 0;
  margin-left: 9px;
}
.ootb-tabcordion--tabs .tab {

  cursor: pointer;
}


.ootb-tabcordion--tabs .tab:hover,
.ootb-tabcordion--tabs .tab:focus {
  background: #fff; /* lighten(#444, 6) */
  outline: none;
}
.ootb-tabcordion--tabs .tab.is-active {

  background:linear-gradient(266deg, #50BFC6 0%, #06A7E2 100%);
  color: var(--color-white);

  /*background: #3bacff;*/
}
.ootb-tabcordion--tabs .tab.is-active:hover,
.ootb-tabcordion--tabs .tab.is-active:focus {


  /*background: #1a9cff; /* darken(#3bacff, 6) */

  background:linear-gradient(266deg, #50BFC6 0%, #06A7E2 100%);
  color: white;
}

.ootb-tabcordion--entry {
  overflow: hidden;
}
.ootb-tabcordion--entry::before {
  position: relative;
  content: attr(data-title);
  cursor: pointer;
  z-index: 1;
  background: #fff;
 
  padding: 20px 1rem 20px 0;
  display: block;
  border-radius: 0px;


  color: #0076BF;
border-top: 1px solid black;

font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 133.333% */

}



.ootb-tabcordion .ootb-tabcordion--entry:last-child::before {
border-bottom: 1px solid black;

}




.ootb-tabcordion--entry:hover,
.ootb-tabcordion--entry:focus {
  outline: none;
}
.ootb-tabcordion--entry:hover::before,
.ootb-tabcordion--entry:focus::before {
  background: #fff; /* lighten(#444, 6) */
}
.ootb-tabcordion--entry.is-active .ootb-tabcordion--entry-content {
  margin-top: 0;
  height: auto;
  opacity: 1;
  transition: margin 400ms ease-out -100ms;
}





.ootb-tabcordion .ootb-tabcordion--entry:last-child.is-active::before {
  
  border-bottom:0px solid black;

}





.ootb-tabcordion--entry.is-active::before


.ootb-tabcordion--entry.is-active:hover::before,
.ootb-tabcordion--entry.is-active:focus::before {
  /*background: #1a9cff; /* darken(#3bacff, 6) */*/
}

.ootb-tabcordion--entry-container {
  overflow: hidden;
  margin-bottom: 1px;


     


}


.ootb-tabcordion--entry-content {
  position: relative;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 1rem;
  transition: max-height 0s ease, opacity 0s ease;
}

.ootb-tabcordion--entry.is-active .ootb-tabcordion--entry-content {
  max-height: 1000px; /* un valor grande que cubra cualquier altura posible */
  opacity: 1;
  padding: 1rem 0;
    transition: max-height 0.5s ease-in, opacity 0.5s ease-in;


}





  

  .step-content-grid{
 
    width: 100%;
    display: grid;
    grid-gap: 0px;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 auto;
    position: relative;
 
  }

  .step-content-grid > .col1 {
    grid-column: 1 / -1;
    
    grid-row: 1;
  }

  .step-content-grid > .col2 {
    display: none;
    }

    .steps-only-desktop{
      display: none;
    }



.step-content-wrapper{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
}
.steps-links-wrapper{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0px;
}

.steps-links-wrapper > .cta.transp {
padding:14.5px 18.5px 0 0px;
}



.steps-content-wrapper{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 17px;
  align-items: flex-start;
}

  @media only screen and (min-width:1025px){





  .step-content-grid{
 
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(11, minmax(0, 92px));
   

margin-top: 37px;

  }


  .step-content-grid > .col1 {
    grid-column: 2 / span 4;
   
    
    grid-row: 1;
  }

  .step-content-grid > .col2 {
    display: inherit;
     grid-column: 6 /  span 4;
   
    
    grid-row: 1;
    }



    .steps-only-desktop{
      display: block;
    }


.steps-links-wrapper > .cta.transp {
padding:14.5px 0px 0 0px;
}


  }




  @media only screen and (min-width:1201px){


     .step-content-grid > .col1 {
    grid-column: 2 / span 4;
;
   
    
    grid-row: 1;
  }

  .step-content-grid > .col2 {
    display: inherit;
     grid-column: 6 /  span 4;
   
    
    grid-row: 1;
    }
  }


  
  .steps-bottom-text-wrapper{
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    gap: 20px;
    align-items: flex-start;
  }

  
   .steps-grid > .col2{

  grid-column: 2 / span 4 ;
 
}




@media only screen and (min-width:1025px){



  .steps-bottom-text-wrapper{
    display: flex;
    flex-direction: row;
  }

 .steps-grid > .col2{

  grid-column: 3 / span 6 ;
  
  margin-left: -18px;
 
}


.steps-bottom-text-wrapper > p {
  width: 50%;
}


}


@media only screen and (min-width:1201px){

  .steps-bottom-text-wrapper{
    display: flex;
    flex-direction: row;
    gap: 10px;
  }


   .steps-grid > .col2{

  grid-column: 4 / span 6;

  margin-left: 0;
 
}

}



  /*TABORDION END*/




 


 /*HOME ACCORDION*/





  

  .accordion-content-grid{
 
    width: 100%;
    display: grid;
    grid-gap: 0px;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 auto;
    position: relative;
 



  }

  .accordion-content-grid > .col1 {
    grid-column: 1 / -1;
    
    grid-row: 1;
  }

  .accordion-content-grid > .col2 {
     grid-column: 1 / -1;
    
    grid-row: 2;
        margin-top: 45px;
            justify-self: center;


    }

   



.accordion-content-wrapper{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
  margin-top: 20px;
}
.accordion-content-links-wrapper{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0px;
}

.accordion-content-links-wrapper > .cta.transp {
padding:14.5px 18.5px 0 0px;
}







 @media only screen and (min-width:1025px){



.accordion-content-wrapper{

  gap: 17px;  
}

  .accordion-content-wrapper{

  margin-top: 70px;
}



  .accordion-content-grid{
 
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(11, minmax(0, 92px));
   

margin-top: 0px;

  }


  .accordion-content-grid > .col1 {
    grid-column: 1 / span 4;
   
    
    grid-row: 1;
  }

  .accordion-content-grid > .col2 {
    display: inherit;
     grid-column: 6 /  span 6;

    grid-row: 1;


            margin-top: 0px;
            justify-self: inherit;

    }



    .steps-only-desktop{
      display: block;
    }


.accordion-content-links-wrapper > .cta.transp {
padding:14.5px 0px 0 0px;
}


  }
  @media only screen and (min-width:1201px){


     .accordion-content-grid > .col1 {
    grid-column: 1 / span 4;
;
   
    
    grid-row: 1;
  }

  
  }


  
 
  








 article[data-type="content-acc"] section.ootb-tabcordion--entry:first-of-type::before{
  border-top:0px;
  /*border-bottom: 1px solid black !important;*/

}





 article[data-type="content-acc"] section.ootb-tabcordion--entry > div.ootb-tabcordion--entry-container > .ootb-tabcordion--entry-content{
  padding:0;


}


 article[data-type="content-acc"] section.ootb-tabcordion--entry::before{
 font-size: 24px;
 font-weight: 400;

}


 article[data-type="content-acc"] section.ootb-tabcordion--entry.is-active:first-of-type::before {
  border-top: 0px solid black !important;

}

 article[data-type="content-acc"] section.ootb-tabcordion--entry.is-active::before {
  border-top: 1px solid black !important;
border-bottom: 1px solid black !important;

}


@media only screen and (min-width:1025px){







 article[data-type="content-acc"] section.ootb-tabcordion--entry::before{
 font-size: clamp(1.5rem, 14.773vw + -7.964rem, 3.125rem);
line-height: clamp(1.95rem, 13.523vw + -6.713rem, 3.438rem);
font-weight: 300;
color: #15204F;

}


 article[data-type="content-acc"] section.ootb-tabcordion--entry:hover::before{

color: #0EA5DF;
transition: color 0.2s ease-in;

}


 article[data-type="content-acc"] section.ootb-tabcordion--entry.is-active::before {


  background-image: url('../img/minus.svg');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 30px;
  background-position: right;
  border-top: 0px;
color: #0EA5DF;

}



article[data-type="content-acc"] section.ootb-tabcordion--entry::before {


  background-image: url('../img/add.svg');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 30px;
  background-position: right;


}



}

 



/*HOMEPAGE BLUE BANNER BEGIN */


/*HOMEPAGE BLUE BANNER END*/



/*HOMEPAGE CERTIFICATES */





.home-certificates-grid > .col1{

grid-column: 2 / span 4;
grid-row: 1;


}



.home-certificates-grid > .col2{


grid-column:  2 /  span 4  ;

  grid-row: 2;
  z-index: 2;
  /*justify-self: end;*/

}







.home-certificates-imgs-wrapper {
  
    display: flex
;
    justify-content: space-around;
    align-items: flex-start;
    gap: 30px 5%;
    flex-wrap: wrap;
}
 
 .home-certificates-imgs-wrapper > div { 
    width: 20%;
    text-align: center;
   
  }




.home-certificates-content-wrapper{

display: flex;
flex-direction: column;
gap:25px;
  
}












@media only screen and (min-width: 993px){







.home-certificates-grid > .col1{
grid-column: 2 / span 4;
        grid-row: 1;
       
        

}


.home-certificates-grid > .col2{
  grid-column: 6 / span 4;
  grid-row: 1 ;
  z-index: 1;
  

}





.home-certificates-imgs-wrapper {
  
position: relative;
  overflow: hidden;
}









}

@media only screen and (min-width: 1201px){



  

.home-certificates-grid  {

        height: 100%;
     
}





.home-certificates-grid > .col1{
  grid-column: 3 / span 5;
grid-row: 1;
align-self: inherit;


}


.home-certificates-grid > .col2{
grid-column: 8 / span 5;
        justify-self: inherit;
        margin-top: 0px;
}



.home-certificates-content-wrapper > p{
  width: 80%;
}







}


/*HOMEPAGE CERTIFICATES END*/



/*HOMEPAGE BANNER 2 CTAS */




.banner-2ctas > .col1 {

 grid-column:  2 / -2 ;
 grid-row: 2;



}



.banner-2ctas > .col2{

 grid-column:  2 / -2 ;
 grid-row: 1;
 justify-self: center;

}



.b2ctas-content-wrapper{
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.b2ctas-ctas-wrapper{
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    flex-direction: column;
}

@media only screen and (min-width:601px){




}


@media only screen and (min-width:993px){


.banner-2ctas > .col1 {

 grid-column:  2 / span 4 ;
 grid-row: 1;

}

.banner-2ctas > .col2{

 grid-column:  6 / span 6 ;
 grid-row: 1;
 justify-self: flex-end;

}


.b2ctas-content-wrapper{
  display: flex;
  
  gap: 35px;
}





}


@media only screen and (min-width:1201px){


.banner-2ctas > .col1 {

 grid-column:  2 / span 6 ;
 grid-row: 1;
 align-self: center;

}

.banner-2ctas > .col2{

 grid-column:  8 / span 7 ;
 grid-row: 1;
 /*justify-self: flex-end;*/

}


    .b2ctas-ctas-wrapper {
        display: flex;
        gap: 61px;
        flex-wrap: nowrap;
        align-items: flex-start;
        flex-direction: row;
    }


}

/*HOMEPAGE BANNER 2 CTAS END*/



/*HOMEPAGE LOCATIONS BANNER */


.home-locations-banner-grid  {


}





.home-locations-banner-grid > .col1{

grid-column: 2 / span 4;
grid-row: 2;
z-index: 2;

}



.home-locations-banner-grid > .col2{


grid-column:  1 /  -1  ;

  grid-row: 1;
  z-index: 2;
  /*justify-self: end;*/

}



.home-locations-banner-grid > .col-background{


grid-column:  1 /  -1  ;

  grid-row: 2;
  z-index: 1;
  /*justify-self: end;*/
  /*background: linear-gradient(58deg, #15204F 0%, #06A7E2 134.41%);*/

}


.home-locations-banner-grid > .col-background > div{

width: 100%;
height: 100%;
background: linear-gradient(68deg, #15204F 0%, #06A7E2 98.29%);
/*background: red;*/





}


.home-locations-banner-img-wrapper {
  
position: relative;
  overflow: hidden;
  min-height: 220px;
  height: 100%;
}

.home-locations-banner-img-wrapper > picture > img{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    display: 
}





.home-locations-banner-content-wrapper{

display: flex;
flex-direction: column;
gap:35px;
    margin-top: 50px;
    margin-bottom: 50px;
}








.home-locations-banner-content-cta-wrapper > a {
  color:white;
}

.home-locations-banner-content-cta-wrapper > a > img {
   filter: brightness(0) invert(1);
}






@media only screen and (min-width: 601px){


/*
.home-locations-banner-grid > .col1{

grid-column: 2 / span 2;
grid-row: 1;
z-index: 2;

}



.home-locations-banner-grid > .col2 {
        grid-column: 4 / span 3;
        grid-row: 1;
        z-index: 2;
     
    }*/


}

@media only screen and (min-width: 993px){







.home-locations-banner-grid > .col1{
grid-column: 2 / span 3;
        grid-row: 1;
        z-index: 3;
        align-self: center;
                height: 70%;
        

}


.home-locations-banner-grid > .col2{
  grid-column:3 / span 9;
  grid-row: 1 / span 1;
  z-index: 1;
  justify-self: inherit;
  margin-top: 0px;

}

.home-locations-banner-grid > .col-background{

grid-column: 1 / span 6 ;
grid-row: 1   ;

z-index: 2;

        height: 80%;
        align-self: center;

}


.home-locations-banner-grid > .col-background > div{


clip-path:polygon(0 0, calc(100% - 240px) 0, 100% 100%, 0% 100%);
background: linear-gradient(68deg, #15204F 0%, #06A7E2 98.29%);
/*background: red;*/
opacity: 0.65;
width: 90%;
height: 100%;



}




.home-locations-banner-img-wrapper {
  
position: relative;
  overflow: hidden;
}


.home-locations-banner-content-wrapper {

    gap: 11px;

}

.home-locations-banner-img-wrapper > picture > img{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}


.home-locations-banner-content-wrapper{

    margin-top: 0px;
    margin-bottom: 0px;
}










}

@media only screen and (min-width: 1201px){



  

.home-locations-banner-grid  {

        height: 100%;
      /*  max-height: 459px;
        overflow: hidden;*/
}





.home-locations-banner-grid > .col1{
  grid-column: 2 / span 4;
grid-row: 1;
z-index: 2;
align-self: center;

        align-self: center;
        height: 60%;

}


.home-locations-banner-grid > .col2{
grid-column: 5 / -1;
        grid-row: 1 / span 1;
        z-index: 2;
        justify-self: inherit;
        margin-top: 0px;
}



.home-locations-banner-grid > .col-background{

        grid-column: 1 / 8;
        grid-row: 1;
        z-index: 1;
        height: 80%;
        align-self: center;


}


.home-locations-banner-grid > .col-background > div{


clip-path:polygon(0 0, calc(100% - 240px) 0, 100% 100%, 0% 100%);
background: linear-gradient(68deg, #15204F 0%, #06A7E2 98.29%);
/*background: red;*/
opacity: 0.65;
width: 90%;
height: 100%;



}


.home-locations-banner-img-wrapper {
  position: relative;
  overflow: hidden;
  margin-left: -20px;
}

.home-locations-banner-img-wrapper > picture > img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}


.home-locations-banner-content-wrapper{
  margin: 0;
  gap:15px;
}



.home-locations-banner-content-wrapper > h2{
width: 90%;

}




}



/*HOMEPAGE LOCATIONS BANNER END*/




/*HOMEPAGE SYBRIDGE ADVANTAGE */



.home-sbadvantage-grid > .col1{

grid-column: 2 / span 4;
grid-row: 2;

}



.home-sbadvantage-grid > .col2{


grid-column:  2 / span 4  ;

  grid-row: 1;
}


.hp-sb-adv-content-wrapper{

display: flex;
flex-direction: column;
gap:35px;
}


.hp-sb-adv-colums-wrapper{
  display: flex;
flex-direction: column;
gap:35px;
}

.sb-adv-column{
  display: flex;
flex-direction: column;
gap:14px;
    align-items: flex-start;
}



/*.hp-sb-adv-colums-wrapper .sb-adv-column:last-child{
  gap:15px;
}*/


.hp-sb-adv-colums-wrapper .sb-adv-column:last-child > h3 {
  color: #15204f;
}


.medium-title{
font-size: clamp(1.25rem, 0vw + 1.25rem, 1.25rem);
line-height: clamp(1.5rem, 0vw + 1.5rem, 1.5rem);
font-style: normal;
font-weight: 600;

/*text-transform: uppercase;*/
}



.title30{
  font-size: clamp(1.563rem, 0.778vw + 1.392rem, 1.875rem);
line-height: clamp(1.875rem, 0.933vw + 1.671rem, 2.25rem);


}


.sb-adv-img-wrapper  {

position: relative;
  overflow: hidden;

}
.sb-adv-img-wrapper > picture > img {
margin: 0 auto;
    width: 100%;
    height: 100%;

}



.sb-adv-title-wrapper{
  display: flex;
  flex-direction: row;
  gap:10px;
}


.sb-adv-title-wrapper > h3{
  color: #15204F;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 120% */
}


.sb-adv-title-wrapper > img{
 width: 24px;
}



.sb-adv-column.last{
    flex: 1 1 calc(100% - 0px);
         max-width: 100%;
        width: 100%;
                align-items: flex-start;
                margin-bottom: 40px;
}

@media only screen and (min-width: 601px){

}

@media only screen and (min-width: 993px){



.home-sbadvantage-grid > .col1{
  grid-column: 2 / span 6;
grid-row: 1;
z-index: 2;
align-self: center;

}


.home-sbadvantage-grid > .col2{
    grid-column: 7 / span 5;
grid-row: 1;

z-index: 1;
justify-self: end;

}


.hp-sb-adv-colums-wrapper {
        flex-direction: row;
        gap: 50px;
        justify-content: flex-start;
        flex-wrap: wrap;
}

.sb-adv-column {
          flex: 1 1 calc(45% - 40px);
         max-width: 50%;
        width: 50%;
}






.sb-adv-img-wrapper {
margin: 0 auto;

}

.sb-adv-img-wrapper  > picture {

 margin: 0 auto;

}


.sb-adv-column.last{

                align-items: center;

                margin-bottom: 20px;
}


}

@media only screen and (min-width: 1201px){


.home-sbadvantage-grid > .col1{
  grid-column: 3 / span 7;
grid-row: 1;
z-index: 2;

}


.home-sbadvantage-grid > .col2{
    grid-column: 9 / span 6;
grid-row: 1;

z-index: 1;
justify-self: end;

}



}


/*HOMEPAGE SYBRIDGE ADVANTAGE END*/




/*GENERAL BOTTOM BANNER */


.bottom-banner-grid  {

grid-template-rows: auto auto 40px;
}





.bottom-banner-grid > .col1{

grid-column: 2 / span 4;
grid-row: 1;
z-index: 2;

}



.bottom-banner-grid > .col2{


grid-column:  2 / span 5  ;

  grid-row: 2 / span 2;
  z-index: 2;
  justify-self: end;

}



.bottom-banner-grid > .col-background{

grid-column: 1 / -1;
grid-row: 1 / span 2 ;

z-index: 1;
background: linear-gradient(85deg, #15204F 0%, #06A7E2 100%);



}



.bottom-banner-content-wrapper{

display: flex;
flex-direction: column;
gap:35px;
    margin-top: 50px;
    margin-bottom: 20px;
}








.bottom-banner-list-wrapper{
      display: flex;
    flex-direction: column;
    gap: 20px;
}

.bottom-banner-list-item {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}


.bottom-banner-icon{
  width: 30px;
}


@media only screen and (min-width: 601px){



.bottom-banner-grid > .col1{

grid-column: 2 / span 2;
grid-row: 1;
z-index: 2;

}



.bottom-banner-grid > .col2 {
        grid-column: 4 / span 3;
        grid-row: 1;
        z-index: 2;
   
    }


}

@media only screen and (min-width: 993px){



.bottom-banner-grid  {

grid-template-rows:  46px auto 22px ;
row-gap: 0px;
}





.bottom-banner-grid > .top-col{
  grid-column: 1 / -1;
grid-row: 1;




}

.bottom-banner-grid > .col1{
  grid-column: 1 / span 7;
grid-row: 2 / span 2;
z-index: 3;
align-self: end;

}


.bottom-banner-grid > .col2{
    grid-column: 7 / span 4;
grid-row: 1 / span 2;

z-index: 2;
align-self: start;
        justify-self: flex-end;



}

.bottom-banner-grid > .col-background{
  grid-column: 1 / span 11;
background: linear-gradient(70deg, #15204F -1.26%, #06A7E2 100.79%);
opacity: 0.9;
grid-row: 2;
z-index: 1;

}

.bottom-banner-grid > .bottom-col{
  grid-column: 3 / span 10;
grid-row: 3;


}





.bottom-banner-content-wrapper{
    margin-bottom: 0px;
    margin-top: 0;
    align-items: flex-start;
    padding-left: 30px;
            gap: 22px;
            margin-top: 42px;
}


.bottom-banner-content-wrapper > h2{
  width: 79%;
  color:#83C9F6;
  font-weight: 400;
}

   



.bottom-banner-list-wrapper{
    flex-direction: row;
            flex-wrap: wrap;
        justify-content: flex-start;
}

.bottom-banner-list-item {
 /*   display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;*/
    width: 40%;
}



}

@media only screen and (min-width: 1201px){





.bottom-banner-grid  {

grid-template-rows:  46px auto 22px ;
row-gap: 0px;
}





.bottom-banner-grid > .top-col{
  grid-column: 3 / span 10;
grid-row: 1;




}

.bottom-banner-grid > .col1{
  grid-column: 3 / span 7;
grid-row: 2 / span 2;
z-index: 3;
align-self: end;

}


.bottom-banner-grid > .col2{
    grid-column: 9 / span 4;
grid-row: 1 / span 2;

z-index: 2;
align-self: start;
        justify-self: flex-end;



}

.bottom-banner-grid > .col-background{
  grid-column: 3 / span 10;
background: linear-gradient(70deg, #15204F -1.26%, #06A7E2 100.79%);
opacity: 0.9;
grid-row: 2;
z-index: 1;

}

.bottom-banner-grid > .bottom-col{
  grid-column: 3 / span 10;
grid-row: 3;


}





.bottom-banner-content-wrapper{
    margin-bottom: 0px;
    margin-top: 0;
    align-items: flex-start;
    padding-left: 30px;
            gap: 22px;
            margin-top: 42px;
}


.bottom-banner-content-wrapper > h2{
  width: 79%;
  color:#83C9F6;
  font-weight: 400;
}

   


}




/*GENERAL BOTTOM BANNER END*/


/*L3  GRADIENT CARDS */


/*L3  GRADIENT CARDS END*/


/*L3 OUR CORE VALUES */



.core-values-grid{

}

.core-values-grid > .col1{

  grid-column: 2 / span 4;
  grid-row: 1;
  justify-self: center;

}
.core-values-grid > .col2{
  grid-column: 2 / span 4;
  grid-row: 2;
}
.core-values-grid > .col3{
  grid-column: 2 / span 4;
  grid-row: 4;

}
.core-values-grid > .col4{
  grid-column: 2 / span 4;
  grid-row: 3;

}

.core-values-wrapper{
  display: flex
  ;
  flex-direction: column;
  gap: 20px;
  width: 85%;
  margin: 0 auto;
  align-items: center;

}

.core-value-content-wrapper{
  width: 100%;
  max-width: 360px;
  background: var(--color-darkBlue);

  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 40px 30px;
  border-radius: 40px;
  gap: 10px;
}

.core-values-title{
  margin:20px 0;
}

.core-values-grid > .col3 > .content-wrapper {
  margin-top: 50px;

  display: flex;
  flex-direction: column;
  gap: 70px;
  margin-bottom: 50px;

}

.core-values-grid > .col3 > .content-wrapper > div {
  
  display: flex;
  flex-direction: column;
  gap: 20px;

}

.core-values-img-wrapper {
  position: relative;
  overflow: hidden;
  max-height: 400px;
  margin: 0 auto;
}

.core-values-img-wrapper > picture > img {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}



.core-values-title-wrapper{
  display: flex;
  flex-direction: row;
  gap:10px;
}





@media only screen and (min-width:601px){

  .core-values-wrapper {
    display: flex
    ;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    width: 100%;
    margin: 0;
  }

  .core-value-content-wrapper {
    max-width: 200px;
    display: flex
    ;
    flex-wrap: wrap;
    flex-direction: column;
  }

}

@media only screen and (min-width:993px){

  .core-values-grid > .col1{

    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;

  }
  .core-values-grid > .col2{
    grid-column: 2 / span 9;
    grid-row: 2;
  }
  .core-values-grid > .col3{
    grid-column: 2 / span 4;
    grid-row: 3;

  }
  .core-values-grid > .col4 {
    grid-column: 6 / -1;
    grid-row: 2 / span 3;
    align-self: end;
    justify-self: end;
  }

  .core-values-wrapper {
    display: flex
    ;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    width: 100%;
    margin: 0;
  }

  .core-value-content-wrapper {
    max-width: 226px;
    display: flex
    ;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .picote{
   clip-path: polygon(94.9% 5.0%, calc(100% - 0px) 0px, calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px));
 }

 .core-values-grid > .col3 > .content-wrapper {
  margin-top: 112px;

  margin-bottom: 55px;

}

.core-values-img-wrapper {
  position: relative;
  overflow: hidden;
  max-height: 100%;
  margin: 0 auto;
}

.core-values-img-wrapper > picture > img {
  margin: 0 auto;
  width:  inherit;
  height: inherit;;
  object-fit: inherit;
  object-position: inherit;
  clip-path: polygon(99.9% 0.0%, 100.0% 0.0%, 100.0% 100.0%, 0.0% 100.0%);
}

.core-values-cta-wrapper{
  margin-bottom: 120px;
}

}

@media only screen and (min-width:1201px){

  .core-values-grid > .col2{
    grid-column: 3 / span 10;
    grid-row: 2;

  }

  .core-value-content-wrapper {
    max-width: 279px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .core-values-grid > .col3{
    grid-row:  3;
    grid-column: 3 / span 7;
    z-index: 2;

  }

  .core-values-grid > .col4{

    grid-row: 2 / span 3;
    grid-column: 9 / -1;
    z-index: 2;

  }

  .core-values-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
  }

  .core-value-content-wrapper {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;

            width: 276px;
        height: 140px;
  }

}



/*L3 OUR CORE VALUES END*/



/*L3 ZIG ZAG WITH IMG BACKGROUND */





.core-value-content-wrapper{
  width: 100%;
  /*max-width: 360px;*/
  max-width: 293px;
  background: var(--color-darkBlue);

  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 40px 30px;
  border-radius: 40px;
  gap: 10px;
}





.zgz-img-comp-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden; /* evita que las imágenes se salgan del grid */
}

.zgz-img-comp-wrapper > .comp-img-back {
 /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

.zgz-img-comp-wrapper > .front-wrapper {
 position: absolute;
  top: 40px; /* desplazamiento fijo */
  left: 0;
  width: 100%;
  z-index: 2;
}

.zgz-img-comp-wrapper > .front-wrapper > .comp-img-front {
 width: 100%;
  height: auto;
  display: block;
}


.zgz-content-flex{
  display: flex;
  flex-direction: column;
  gap:15px;
}


.zgz-icon-wrapper{
  opacity: 0.4;
}


@media only screen and (min-width:993px){






/*clip-path: polygon(0.0% 0.0%, 100.0% 0.0%, 100.0% 100.0%, 38.6% 100.0%);*/



   

.zgz-icon-wrapper{
  opacity: 1
}




.zgz-icon-wrapper > img {
        width: 200px;
        height: 200px;
        margin-left: 0;
    }

.zgz-img-comp-wrapper {
  margin: 80px 0;
}

}





@media only screen and (min-width:1201px){



.zgz-icon-wrapper > img{
  width: 300px;
  height: 300px;
  margin-left: -10px;
}



}



/*L3 ZIG ZAG WITH IMG BACKGROUND END*/








/*L3 ZIG ZAG WITH 2 COLUMN LIST */



.zgz-list-comp-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden; 
}

.zgz-list-comp-wrapper > .comp-img-back {

  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

.zgz-list-comp-wrapper > .front-wrapper {
 position: absolute;
  top: 40px; 
  left: 0;
  width: 100%;
  z-index: 2;
}

.zgz-list-comp-wrapper > .front-wrapper > .comp-img-front {
 width: 100%;
  height: auto;
  display: block;
}


.zgz-content-flex{
  display: flex;
  flex-direction: column;
  gap:15px;
}


.zgz-icon-wrapper{
  opacity: 0.4;
}

.zgz-list-flex{
  display: flex;
  flex-direction: column;
  gap: 20px
}




@media only screen and (min-width:601px){

  .zgz-list-comp-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 70%;
    margin: 0 auto;
}


}

@media only screen and (min-width:993px){



.zgz-list-flex{
  display: flex;
  flex-direction: row;
  gap: 20px 38px;
  flex-wrap: wrap;
  margin-top: 26px;
}

.zgz-list{
   flex: 1 1 calc(50% - 50px); 
}


   

.zgz-icon-wrapper{
  opacity: 1
}




.zgz-icon-wrapper > img {
        width: 200px;
        height: 200px;
        margin-left: 0;
    }

.zgz-list-comp-wrapper {
  margin: 0 0;
  width: 100%;
  max-width: 100%;
}



}





@media only screen and (min-width:1201px){



.zgz-icon-wrapper > img{
  width: 300px;
  height: 300px;
  margin-left: -10px;
}

.zgz-list-comp-wrapper {
  
  width: 100%;
  max-width: 100%;
}



}










/*L3 ZIG ZAG WITH 2 COLUMN LIST END*/









  .acf-carousel-wrapper {
  position: relative;
}

.acf-carousel-wrapper .owl-carousel {
  overflow: hidden;
}

.acf-carousel-wrapper .carousel-prev , .acf-carousel-wrapper .carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-size: 45px;

}

/* Izquierda y derecha */
.acf-carousel-wrapper .carousel-prev {
  /*left: -2vw; */
  left: calc(-1 * (33px));
}

.acf-carousel-wrapper .carousel-next {
  /*right: -2vw;*/
  right: calc(-1 * (33px));
}

.acf-carousel-wrapper .owl-dots {

  position: relative;              /* los saca del absoluto */
  margin-top: 20px ;              /* espacio debajo del carrusel */
  display: flex;
  justify-content: center;
  gap: 0px;
  z-index: 5;
}

/* Estilos visuales */
.acf-carousel-wrapper .owl-dot span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #15204F;
  background: transparent;
  transition: all 0.3s ease;
}


.owl-theme .owl-dots .owl-dot span {
   
    background: white !important;
    height: 8px !important;
    width: 8px !important;
   
}





.acf-carousel-wrapper .owl-dot.active span {
  background: #15204F !important;
}

.acf-carousel-wrapper .owl-dot:hover span {
  background: #15204F;
}



/* Responsivo */

/* Responsivo */
@media (min-width: 993px) {
  .acf-carousel-wrapper .carousel-prev { left: calc(-1 * (27px)); }
  .acf-carousel-wrapper .carousel-next { right:calc(-1 * (27px)); }
}


@media (min-width: 1025px) {
  .acf-carousel-wrapper .carousel-prev { left: calc(-1 * (35px)); }
  .acf-carousel-wrapper .carousel-next { right:calc(-1 * (35px)); }
}


@media (min-width: 1201px) {
  .acf-carousel-wrapper .carousel-prev { left: calc(-1 * (53px)); }
  .acf-carousel-wrapper .carousel-next { right:calc(-1 * (53px)); }
}

@media (max-width: 601px) {
  .acf-carousel-wrapper .carousel-prev,
  .acf-carousel-wrapper .carousel-next {
   /* left: 0;
    right: 0;
    transform: translateY(0);
    bottom: 10px;
    top: auto;*/

      position: absolute;
  top: 50%;
  transform: translateY(-50%);
  
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  }


/* Izquierda y derecha */
.acf-carousel-wrapper .carousel-prev {
  left: calc(-1 * (33px));
}

.acf-carousel-wrapper .carousel-next {
  right: calc(-1 * (33px));
}




}





/*FAQ BLOCK */





 .faq-grid > .col0{

  grid-column: 2 / span 4 ;
  /*background: red;*/
  
}


 .faq-grid > .col{

  grid-column: 2 / span 4 ;
  /*background: red;*/
  
}




@media only screen and (min-width:993px){

 .faq-grid > .col0{

  grid-column: 3 / span 7 ;
  /*background: red;*/
  
}
 .faq-grid > .col{

  grid-column: 3 / span 7;
  
}


.faq-content-intro-wrapper{
  width: 95%;
  margin: 0 auto;
}




 }



 @media only screen and (min-width:1201px){
  
   .faq-grid > .col0{

  grid-column: 4 / span 8 ;
  /*background: red;*/
  
}

   .faq-grid > .col{

  grid-column:  4 / span 8 ;
 
  
}


.faq-accordion{
  width: 95%;
  margin: 0 auto;
}

}



  

  .faq-content-grid{
 
    width: 100%;
    display: grid;
    grid-gap: 0px;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 auto 30px auto;
    position: relative;
 



  }

  .faq-content-grid > .col1 {
    grid-column: 1 / -1;
    
    grid-row: 1;
  }

  .faq-content-grid > .col2 {
     grid-column: 1 / -1;
    
    grid-row: 2;
        margin-top: 45px;
            justify-self: center;


    }

   



.faq-content-wrapper{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
}
.faq-content-links-wrapper{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0px;
}

.faq-content-links-wrapper > .cta.transp {
padding:14.5px 18.5px 0 0px;
}







 @media only screen and (min-width:1025px){



.faq-content-wrapper{

  gap: 17px;
}

  .faq-content-wrapper{

  margin-top: 0px;
}



  .faq-content-grid{
 
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(11, minmax(0, 92px));
   

margin-top: 0px;

  }


  .faq-content-grid > .col1 {
    grid-column: 1 / span 10;
   
    
    grid-row: 1;
  }

  .faq-content-grid > .col2 {
    display: inherit;
     grid-column: 6 /  span 6;
    grid-row: 1;


            margin-top: 0px;
            justify-self: inherit;

    }



    .faq-only-desktop{
      display: block;
    }


.faq-content-links-wrapper > .cta.transp {
padding:14.5px 0px 0 0px;
}


  }
  @media only screen and (min-width:1201px){


     .faq-content-grid > .col1 {
    grid-column: 1 / span 10;

   
    
    grid-row: 1;
  }

  
  }


  
 
  








 article[data-type="faq-content-acc"] section.ootb-tabcordion--entry:first-of-type::before{
  border-top:0px;
  /*border-bottom: 1px solid var(--color-darkBlue) !important;*/

}





 article[data-type="faq-content-acc"] section.ootb-tabcordion--entry > div.ootb-tabcordion--entry-container > .ootb-tabcordion--entry-content{
  padding:0;


}


 article[data-type="faq-content-acc"] section.ootb-tabcordion--entry::before{
 font-size: 1rem;
 font-weight: 400;

}


 article[data-type="faq-content-acc"] section.ootb-tabcordion--entry.is-active:first-of-type::before {
  border-top: 1px solid var(--color-darkBlue) !important;

}

 /*article[data-type="faq-content-acc"] section.ootb-tabcordion--entry.faq-content-acc is-active:last-of-type::before {*/
  article[data-type="faq-content-acc"] section:last-of-type.is-active { 

  border-bottom: 1px solid var(--color-darkBlue) !important;



}

/*class="ootb-tabcordion--entry faq-content-acc is-active"*/

 article[data-type="faq-content-acc"] section.ootb-tabcordion--entry.is-active::before {
  border-top: 1px solid var(--color-darkBlue) !important;
border-bottom: 0px solid var(--color-darkBlue) !important;

}


 article[data-type="faq-content-acc"] section.ootb-tabcordion--entry::before{
 font-size: 1rem;
line-height: 22px;
font-weight: 300;
font-weight: 400;
color: var(--color-DarkBlue);
}



@media only screen and (min-width:1025px){






 article[data-type="faq-content-acc"] section.ootb-tabcordion--entry.is-active::before {


  background-image: url('../img/minus.svg');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 30px;
  background-position: right;
  border-top: 0px;
  font-weight: 600;
 background-position-x: 95%;

}

 


 article[data-type="faq-content-acc"] section.ootb-tabcordion--entry:hover::before{





}






article[data-type="faq-content-acc"] section.ootb-tabcordion--entry::before {


  background-image: url('../img/add.svg');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 30px;
  background-position: right;
  font-weight: 400;
   background-position-x: 95%;


}



}

/*FAQ BLOCK  END */



/* KEYWORDS CARDS */


 .kwc-grid {
  background: linear-gradient(83deg, #15204F 0%, #06A7E2 100.39%);
 }
 .kwc-grid > .back-left{

    grid-column: 1 / -1;
    grid-row: 1;
  
}
 .kwc-grid > .back-right{
    grid-column: 1 / -1;
    grid-row: 1;
    align-self: flex-end;
    justify-self: flex-end;
  
}


 .kwc-grid > .col{

  grid-column: 2 / span 4 ;
    grid-row: 1;
z-index: 2;
  /*background: red;*/
  
}


.kwc-content-flex{
  display: flex;
  flex-direction: column;
  gap:30px;
  padding: 40px 0;
}


.keywords-flex{
  display: flex;
  flex-direction: column;
  gap: 20px;

}


 
  .kw-card{
    flex: 1 1 calc((100% - 24px) / 2);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  text-align: center;
  
  color: white;
  backdrop-filter: blur(8px);
    align-items: center;           /* centra verticalmente */
  justify-content: center;       /* centra horizontalmente */
  min-height: 80px;
  text-align: center;
  display: flex;


  }





@media only screen and (min-width:601px){


 .kwc-grid > .back-left{

    grid-column: 1 / span 3;
    grid-row: 1;
  
}
 .kwc-grid > .back-right{
    grid-column: 2 / -1;
    grid-row: 1;
    align-self: auto;
    justify-self: flex-end;
  
}

  .keywords-flex {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}


  .kw-card{
    flex: 1 1 calc((100% - 24px) / 2);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  text-align: center;
  
  


  }

  .keywords-flex::after {
  content: "";
  flex: 1 1 calc((100% - 20px ) / 2);
}

 .kwc-left-wrapper{
    position: relative;
  overflow: hidden;
  min-height: 100%;
  height: 100%;

  }
  .kwc-right-wrapper{
  position: relative;
  overflow: hidden;
  min-height: 100%;
  height: 100%;
  }

  
  .kwc-left-wrapper >img{
    object-fit: cover;
    height: 100%;
  }
  
  .kwc-right-wrapper >img{
    object-fit: cover;
    height: 100%;
  }


}
@media only screen and (min-width:993px){

   .kwc-grid > .back-left{

  grid-column: 1 / span 4 ;
  grid-row: 1;
  align-self: auto;

  
}
 .kwc-grid > .col{

  grid-column: 2 / span 9;
    grid-row: 1;

  align-self: center;
}



 .kwc-grid > .back-right{

  grid-column: 9 /  -1 ;
    grid-row: 1;
        justify-self: flex-end;

align-self: auto;
 
  
}



.keywords-flex{

  flex-direction: row;
  gap: 20px;
  
}


.keywords-flex{

  display: flex;
  flex-wrap: wrap;

  gap: 24px; /* Espacio entre tarjetas */
  
  margin: 0 auto;
  


  
}

.kwc-content-flex{
  width:  100%;
  max-width: 993px;
  margin: 0 auto;
  align-items: center;
          padding: 40px 0;
}




 
  .kw-card{
  flex: 1 1 calc((90% - 64px) / 3); 
  /* 3 columnas → restamos 2 gaps (32px + 32px = 64px) */
  background: rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  text-align: center;
  
  color: #fff;
  backdrop-filter: blur(8px);
    align-items: center;           /* centra verticalmente */
  justify-content: center;       /* centra horizontalmente */
  min-height: 80px;
  text-align: center;
  display: flex;


  }


 

 }






.home-locations-banner-img-wrapper > picture > img{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    display: 
}



 @media only screen and (min-width:1201px){
  
   .kwc-grid > .back-left{

  grid-column: 1 / span 3 ;
  
  grid-row: 1;
  
}

   .kwc-grid > .col{

  grid-column:  3 / span 10 ;
   grid-row: 1;

  
}



   .kwc-grid > .back-right{

  grid-column: 12/  -1 ;
  
    grid-row: 1;


  
}



.kwc-content-flex{
  width:  100%;
  max-width: 993px;
  margin: 0 auto;
  align-items: center;
          padding: 0px 0;
}








}



 


/* KEYWORDS CARDS END */
   






/*HEROS GENERAL*/




.breadcrumb{
  color: var(--color-darkBlue);

font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.42px;
text-transform: uppercase;
}


.breadcrumb.light,.hero-headline.light{
  color: #83C9F6;


}


.hero-headline{
  font-size: clamp(1.125rem, 0.933vw + 0.921rem, 1.5rem);
line-height: clamp(1.496rem, 1.241vw + 1.225rem, 1.995rem);
color: var(--color-darkBlue);

}

.body-copy-wrapper{
  margin-top: 15px;
  margin-bottom: 15px;
}


@media only screen and (min-width: 993px){


.body-copy-wrapper{
  margin-top: 0px;
}


.body-copy-wrapper > p {
  text-align: center;
}




    .body-copy-wrapper {
        margin-top: 45px;
    }



}




/* ARCHIVE / CATEGORIES */




.archive-grid  {


}





.archive-grid > .col1{

grid-column: 2 / span 4;


}




.archive-grid > .col2{
grid-column: 2 / span 4;
padding-top: 0px;



}



.archive-grid > .col3{ 
grid-column: 1 / -1;
padding-top: 0px;



}





.archive-title-wrapper{

display: flex;
flex-direction: column;
gap:10px;
margin-bottom: 10px;


}



.archive-content-wrapper{

display: flex;
flex-direction: column;
gap:18px;


width: 95%;
text-decoration: none;

}


.archive-content-wrapper > h2{




  font-size: 20px;
  color: var(--color-DarkBlue);
  font-weight: 500;
line-height: 24px; 
letter-spacing: 0.4px;
}



.archive-content-wrapper > img{

margin-bottom: 28px;


}




.archive-content-wrapper > p{

margin-top: -9px;
}



.archive-post-date{
  font-size: 15px;
}






.archive-main{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 24px; 
}

.archive-post-wrapper{


width: 100%;
display: flex;
flex-direction: column;
gap:20px;     
margin-bottom: 35px;
}



.archive-tag-list{
  font-size: 13px;
  color: #4F5D71;
}

.archive-tag-item{
  display: inline;
  text-decoration: underline;
  color: #06A7E2;


}


.cptnews-pag-wrapper{
  text-align: center;
}



 .cptnews-pag-wrapper > .page-numbers{

color:  var(--color-DarkBlue);

text-align: center;
font-size: 16px;
font-weight: 300;
line-height: 22px; /* 157.143% */
border-radius:  6px;
background: transparent;
padding: 0px 10px;
width: 32px;
height: 32px;



  }
  .cptnews-pag-wrapper > .page-numbers.current{

color: #FFF;

text-align: center;

font-size: 16px;
font-style: normal;
font-weight: 600;
padding: 5px 15px;
line-height: 22px; /* 157.143% */
background: #0285EC;



  }








@media only screen and (min-width: 601px){


.archive-content-wrapper{

display: flex;
flex-direction: column;
gap:18px;



width: 100%;
text-decoration: none;

}



}


  @media only screen and (min-width: 993px){




.archive-content-wrapper{

display: flex;
flex-direction: column;
gap:5px;


width: 100%;
text-decoration: none;

}



.archive-post-wrapper{

width: 30%;
display: flex;
flex-direction: column;
gap:20px;     
margin-bottom: 65px;
}


.archive-grid {

}

.archive-grid > .col1{

    grid-column: 2 / span 7;
grid-row: 1;



}




.archive-grid > .col2{
  grid-column: 2 /  span 9;
  
grid-row: 2;




}


.archive-grid > .col3{
grid-column: 1 / -1;
  
grid-row: 3;

align-content: center;


}




.archive-main{
        display: flex
;
        flex-direction: row;
        align-content: space-between;
        justify-content: space-between;
        gap: 4%;
                flex-wrap: wrap;
}




}

@media only screen and (min-width: 1201px){



.archive-grid {
   
}

.archive-grid > .col1{
  grid-column: 3 / span 8;
grid-row: 1;


}





.archive-grid > .col2{
  grid-column: 3 /  span 10;
grid-row: 2;


}


.archive-grid > .col3{
grid-column: 1 / -1;
  
grid-row: 3;

align-content: center;


}







}


/* ARCHIVE / CATEGORIES END */

/* HOME HERO  */




  .grid-hero{

overflow: hidden; 
  }
  
  .hero-content-back-col{
  
    height: 252px;
   grid-column: 1 / -1 ;
    z-index: 2;
    grid-row: 1;
   
  align-self: center;
  /*clip-path: polygon(0 0, 69% 0, 100% 100%, 0% 100%);*/
  clip-path: polygon(0 0, calc(100% - 183px) 0, 100% 100%, 0% 100%);
  background: linear-gradient(254deg, #50BFC6 0%, #06A7E2 100%);
    width: 110%;
    margin-top: 179px;


   
  }

  

  .hero-content-col{

  grid-column: 2 / span 5;
  z-index: 2;
  grid-row: 1;
  height: auto;
  align-self: center;
     margin-top: 179px;

  
  }


  .hero-video{
    grid-column: 1 / -1;
    grid-row: 1;
    position: relative;
    
  } 


.hero-background{
    
    position: absolute;
    z-index: 1;
    margin-right: 0;
    top: 0;
    width: 100%;
    height: 270px;


}

    .hero-background >video{
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
  } 


.hero-content-wrapper{
        display: flex;
            flex-direction: column;
    gap: 10px;
    padding-left: 15px;
  }
.hero-content-wrapper > p {
  width: 80%;
      
  }






@media only screen and (max-width:389px){
.hero-content-back-col {
   
    clip-path: polygon(0 0, calc(100% - 103px) 0, 100% 100%, 0% 100%);
    

}



.hero-content-wrapper{
        display: flex;
            flex-direction: column;
    gap: 30px;
    padding-left: 0px;
  }


    .hero-content-wrapper {

        gap: 10px;
        padding-left: 0px;
    }


}




@media only screen and (min-width:601px){


  .hero-content-back-col{
  
    height: 252px;
  grid-column: 1 / span 6;
    z-index: 2;
    grid-row: 1;
   
  align-self: center;
  /*clip-path: polygon(0 0, 69% 0, 100% 100%, 0% 100%);*/
  clip-path: polygon(0 0, calc(100% - 183px) 0, 100% 100%, 0% 100%);
  background: linear-gradient(254deg, #50BFC6 0%, #06A7E2 100%);
    width: 110%;
    margin-top: 179px;

}


  .hero-content-col{
  
  grid-column: 2 / span 4;

}
   
.hero-content-wrapper{
    
    padding-left: 0px;
  }



.hero-content-wrapper > p {
  width: 100%;
      
  }
  

}



@media only screen and (min-width:886px){

  .hero-content-back-col{
  
  
  grid-column: 1 / span 5;
  

}

}


@media only screen and (min-width:993px){




.grid-hero{

min-height: 588px;
height: 60vh;
overflow: hidden; 
  }



  .hero-content-back-col{
    height: 329px;
    grid-column: 1 / span 8;
    z-index: 2;
    grid-row: 1;
    align-self: center;

    /*clip-path: polygon(0 0, 69% 0, 100% 100%, 0% 100%);*/
    clip-path: polygon(0 0, calc(100% - 265px) 0, 100% 100%, 0% 100%);
    background: linear-gradient(254deg, #50BFC6 0%, #06A7E2 100%);
    width: 100%;
    margin-top: 0;
  }




  .hero-content-col{
    grid-column: 2 / span 5;
    z-index: 2;
    grid-row: 1;
    height: 329px;
      align-self: center;
    align-content: center;
    margin-top: 0;
  }
  .hero-video{
    grid-column: 5 / span 7;
    grid-row: 1;
    position: relative;
  }


  .hero-content-wrapper{
        display: flex;
            flex-direction: column;
    gap: 30px;
  }



.hero-background{
    
   
    height: 60VH;


}

.hero-background >video{
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
} 





}


@media only screen and (min-width:1201px){



  .hero-content-back-col{
    height: 464px;
    grid-column: 1 / span 9;
    z-index: 2;
    grid-row: 1;
    align-self: center;
    /*clip-path: polygon(0 0, 69% 0, 100% 100%, 0% 100%);*/
    clip-path: polygon(0 0, calc(100% - 265px) 0, 100% 100%, 0% 100%);
    background: linear-gradient(254deg, #50BFC6 0%, #06A7E2 100%);
    width: 92%;
    
  }
  .hero-content-col{
    grid-column: 2 / span 5;
    z-index: 2;
    grid-row: 1;
    height: 464px;
    align-self: center;
    align-content: center;
  }
  .hero-video{
    grid-column: 5 / span 10;
    grid-row: 1;
    position: relative;
  }
  



}

@media only screen and (min-width:1600px){





}



/* HOME HERO END */



/* L3 SINGLE TEXT GRADIENT BLOCK END */


  .single-text-gradient-grid > .col{
    grid-column: 2 / span 4;
    z-index: 2;
    grid-row: 1;
  }


.single-text-gradient-grid > .col-background{
      grid-column: 1 / -1;
    background: linear-gradient(85deg, #50BFC6 -0.83%, #06A7E2 100.49%);
    z-index: 1;
    height: auto;
    min-height: 300px;
    grid-row: 1;
  }



.single-text-gradient-grid > .col > .content-wrapper{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
  padding: 51px 0;
}



.single-text-gradient-grid > .col > .content-wrapper > h2{
  text-align: center;
}



.single-text-gradient-grid > .col > .content-wrapper > p{
font-size: clamp(1.25rem, 1.176vw + 0.993rem, 1.875rem);
line-height: clamp(1.5rem, 2.118vw + 1.037rem, 2.625rem);

text-align: center;
}



@media only screen and (min-width:993px){



  .single-text-gradient-grid > .col{
    grid-column: 2 / span 10;
    z-index: 2;
    grid-row: 1;
  }



}




@media only screen and (min-width:1201px){

.single-text-gradient-grid > .col{
    grid-column: 3 / span 10;
    z-index: 2;
    grid-row: 1;
  }

.single-text-gradient-grid > .col > .content-wrapper{

  padding: 90px 0;
}



}

/* L3 SINGLE TEXT GRADIENT BLOCK END */


/* L3 INTRO NAV BLOCK  */




.l3-intro-grid  {


}





.l3-intro-grid > .col1{

grid-column: 2 / span 4;

grid-row: 1;
z-index: 2;

}




.l3-intro-grid > .col2{
display: none;

}



.l3-intro-grid > .col3{
display: none;

}




.l3-intro-grid > .col4{
display: none;
}






.l3-intro-content-wrapper{

display: flex;
flex-direction: column;
gap:30px;
margin-top: 60px;
margin-bottom: 60px;

}


.l3-intro-content-cta-wrapper{
  display: flex;
flex-direction: column;
gap:35px;
align-items: flex-start;
}



.l3-intro-img-mobile-wrapper{
    display: block;
    width: 100%;
    max-width: 380px;

}
.l3-intro-img-mobile-wrapper >img{
clip-path: polygon(0.0% 0.0%, 100.0% 0.0%, 100.0% 100.0%, 35.4% 100.0%);
    
}


.l3-intro-img-wrapper  {

/*position: relative;
  overflow: hidden;*/

}
.l3-intro-img-wrapper  > img {
/*margin: 0 auto;
    width: 100%;
    height: 100%;*/
    clip-path: polygon(54.4% 0.0%, 100.0% 0.0%, 100.0% 100.0%, 0.0% 100.0%);


}

.mold-image {
display: none;
}



    .mold-image {
  position: relative;
width: 540px;
max-width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
 
}



/* Capa de overlay azul */
.mold-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 100, 180, 0.5); /* azul semitransparente */
  z-index: 2;
}

.mold-image img {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: contain; /* o cover, según el caso */
}


@media only screen and (min-width: 601px){



}

@media only screen and (min-width: 993px){



.l3-intro-grid {
    row-gap: 12px;
}

.l3-intro-grid > .col1{

    grid-column: 3 / span 7;
grid-row: 1;

display: inherit;


}



.l3-intro-grid > .col2{
  grid-column: 2 / span 9;
grid-row: 2;
z-index: 2;
align-self: inherit;
        justify-self: inherit;
        display: inherit;

}



.l3-intro-grid > .col3{
    grid-column: 2 / span 9;


z-index: 1;

   grid-row: 3;
 display: inherit;

}




.l3-intro-grid > .col4{
  grid-column: 2 / span 9;
grid-row: 4;
z-index: 2;
align-self: inherit;
        justify-self: inherit;
 display: inherit;
}






.l3-intro-content-wrapper {

margin-top: 20px;
margin-bottom: 20px;

}


.l3-intro-nav-flex{
        display: flex
;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;

}


.l3-intro-nav-flex > a{

    color: #0076BF;
    text-decoration: underline;
    font-weight: 500;
    
}




}

@media only screen and (min-width: 1201px){



.l3-intro-grid {
    row-gap: 12px;
}

.l3-intro-grid > .col1{
  grid-column: 3 / span 7;
grid-row: 1;


}



.l3-intro-grid > .col2{
  grid-column: 2 / span 12;
grid-row: 2;
z-index: 2;
align-self: inherit;
        justify-self: inherit;

}



.l3-intro-grid > .col3{
    grid-column: 3 / span 11;


z-index: 1;

   grid-row: 3;


}




.l3-intro-grid > .col4{
  grid-column: 2 / span 12;
grid-row: 4;
z-index: 2;
align-self: inherit;
        justify-self: inherit;

}









.l3-intro-content-cta-wrapper {
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
        flex-wrap: wrap;
        display: flex;
        align-items: center;


}




    .l3-intro-content-wrapper {

margin-top: 0;
margin-bottom: 0;

}




.l3-intro-nav-flex{
   
        gap: 30px;

}





}


.l3-intro-hr{
width: 100%;
height: 1px;
background: #F6F6F6;
 }
 
/* L3 INTRO NAV BLOCK END */



/* L3 ZIG ZAG CAROUSEL BLOCK  */





.zgz-car-comp-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden; 
}

.zgz-car-comp-wrapper > .comp-img-back {

  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

.zgz-car-comp-wrapper > .front-wrapper {
 position: absolute;
  top: 32px; /* desplazamiento fijo */
  left: 0;
  width: 100%;
  z-index: 2;
}

.zgz-car-comp-wrapper > .front-wrapper > .comp-img-front {
 width: 100%;
  height: auto;
  display: block;
}


.zgz-car-content-flex{
  display: flex;
  flex-direction: column;
  gap:35px;
  align-items: flex-start;
}


.zgz-icon-wrapper{
  opacity: 0.4;
}




.zgz-car-flex{
  display: flex;
  flex-direction: column;
  gap: 20px
}



.zgz-car-content-flex > ul > li{
  margin-bottom: 24px;
}


@media only screen and (min-width:601px){

  .zgz-car-comp-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 70%;
    margin: 0 auto;
}


}

@media only screen and (min-width:993px){



.zgz-car-flex{
  display: flex;
  flex-direction: row;
  gap: 20px 50px;
  flex-wrap: wrap;
  margin-top: 26px;
}

.zgz-car{
   flex: 1 1 calc(50% - 50px); /* dos por fila */
}



.zgz-icon-wrapper{
  opacity: 1
}




.zgz-icon-wrapper > img {
        width: 200px;
        height: 200px;
        margin-left: 0;
    }

.zgz-car-comp-wrapper {
  margin: 0 0;
  width: 90%;
  max-width: 100%;
  margin: 0 auto;
}



}





@media only screen and (min-width:1025px){

.zgz-car-comp-wrapper {
 
  width: 100%;

}



}



@media only screen and (min-width:1201px){



.zgz-icon-wrapper > img{
  width: 300px;
  height: 300px;
  margin-left: -10px;
}

.zgz-car-comp-wrapper {
  
  width: 100%;
  max-width: 100%;
}



}




/* L3 ZIG ZAG CAROUSEL BLOCK END */



/* L3 BENEFITS BLOCK  */




.l3-benefits-content-banner-grid  {

grid-template-rows: auto auto 40px;
}





.l3-benefits-content-banner-grid > .col1{

grid-column: 2 / span 4;
grid-row: 1;
z-index: 2;

}



.l3-benefits-content-banner-grid > .col2{


grid-column:  2 / span 5  ;

  grid-row: 2 / span 2;
  z-index: 2;
  justify-self: end;

}







.l3-benefits-content-banner-content-wrapper{

display: flex;
flex-direction: column;
gap:30px;

}


.l3-benefits-content-banner-content-cta-wrapper{
  display: flex;
flex-direction: column;
gap:35px;
align-items: flex-start;
}





.l3-benefits-content-banner-content-wrapper > ul {
  list-style: none;
  padding-left: 0;
}

.l3-benefits-content-banner-content-wrapper > ul > li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  color: var(--color-blue);
}

.l3-benefits-content-banner-content-wrapper > ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 11px;
  background: url('<?php echo get_template_directory_uri(); ?>/assets/img/check_benefits.svg') no-repeat center;
  background-size: contain;
}




.l3-benefits-content-banner-img-wrapper  {

/*position: relative;
  overflow: hidden;*/

}
.l3-benefits-content-banner-img-wrapper  > img {
/*margin: 0 auto;
    width: 100%;
    height: 100%;*/
    clip-path: polygon(54.4% 0.0%, 100.0% 0.0%, 100.0% 100.0%, 0.0% 100.0%);

}



@media only screen and (min-width: 601px){




.l3-benefits-content-banner-grid > .col1{

        grid-column: 2 / span 4;
        grid-row: 1;
        z-index: 2;
    
}



.l3-benefits-content-banner-grid > .col2 {
        grid-column: 1 / -1;
        grid-row: 2;
        z-index: 2;
        margin-top: 0;
        align-self: center;
        justify-self: anchor-center;
    }


}

@media only screen and (min-width: 993px){



.l3-benefits-content-banner-grid  {

grid-template-rows:  auto ;
}




.l3-benefits-content-banner-grid > .col1{
  grid-column: 2 / span 5;
grid-row: 1;
z-index: 2;
align-self: center;

}


.l3-benefits-content-banner-grid > .col2{
  grid-column: 7 / span 5;
  grid-row: 1 / span 1;
  z-index: 2;
  justify-self: inherit;
  margin-top: 50px;

}





.l3-benefits-content-banner-img-wrapper > img{
  width: 100%;
}


.l3-benefits-content-banner-content-wrapper{


}





}

@media only screen and (min-width: 1201px){



.l3-benefits-content-banner-grid  {

}

.l3-benefits-content-banner-grid > .col1{
  grid-column: 3 / span 6;
grid-row: 1;
z-index: 2;

}


.l3-benefits-content-banner-grid > .col2{
    grid-column: 8 / span 7;
grid-row: 1 ;

z-index: 1;

        justify-self: end;
        align-self: flex-end;
        margin-top: 0;


}





.l3-benefits-content-banner-content-cta-wrapper {
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
        flex-wrap: wrap;

}



.l3-benefits-content-banner-content-cta-wrapper  >p{
  width: 50%;
}





    .l3-benefits-content-banner-img-wrapper > img {
        width: 724.5px;
        
    }



}


/* L3 BENEFITS BLOCK END */


/* L3 BLURRED IMG CONTENT BLOCK  */





.l3-blur-content-banner-grid  {

background: linear-gradient(85deg, #15204F 0%, #06A7E2 100%);

grid-template-rows: auto auto 91px;

}





.l3-blur-content-banner-grid > .col1{

grid-column: 2 / span 4;

grid-row: 1;
z-index: 2;

}



.l3-blur-content-banner-grid > .col2{


grid-column: 2 / -1  ;

grid-row: 2 / span 2;
  
  z-index: 2;
  justify-self: end;

}
.l3-blur-content-banner-grid > .col3{


grid-column: 1/ -1  ;

grid-row: 3;
  
background: white;

}







.l3-blur-content-banner-content-wrapper{

display: flex;
flex-direction: column;
gap:30px;
margin-top: 60px;
margin-bottom: 60px;

}


.l3-blur-content-banner-content-cta-wrapper{
  display: flex;
flex-direction: column;
gap:35px;
align-items: flex-start;
}



.l3-blur-content-banner-img-mobile-wrapper{
  display: block;
  width: 100%;
  max-width: 380px;

}
.l3-blur-content-banner-img-mobile-wrapper >img{
clip-path: polygon(0.0% 0.0%, 100.0% 0.0%, 100.0% 100.0%, 35.4% 100.0%);
  
}


.l3-blur-content-banner-img-wrapper  {

/*position: relative;
  overflow: hidden;*/

}
.l3-blur-content-banner-img-wrapper  > img {
/*margin: 0 auto;
    width: 100%;
    height: 100%;*/
    clip-path: polygon(54.4% 0.0%, 100.0% 0.0%, 100.0% 100.0%, 0.0% 100.0%);


}

.mold-image {
display: none;
}



  .mold-image {
  position: relative;
width: 540px;
max-width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
 
}



/* Capa de overlay azul */
.mold-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 100, 180, 0.5); /* azul semitransparente */
  z-index: 2;
}

.mold-image img {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: contain; /* o cover, según el caso */
}


@media only screen and (min-width: 601px){


.l3-blur-content-banner-grid {
  
    grid-template-rows: auto auto ;
}


.l3-blur-content-banner-grid > .col1{

        grid-column: 2 / span 4;
        grid-row: 1;
        z-index: 2;
    
}



.l3-blur-content-banner-grid > .col2 {
        grid-column: 1 / -1;
        grid-row: 2;
        z-index: 2;
        margin-top: 0;
        align-self: center;
        justify-self: anchor-center;
    }


.l3-blur-content-banner-grid > .col3{

display: none;
  
/*background: white;*/

}

}

@media only screen and (min-width: 993px){

.l3-blur-content-banner-img-mobile-wrapper{
  display: none;
}


.mold-image {
display: block;
}


.l3-blur-content-banner-grid  {

grid-template-rows:  auto ;
}




.l3-blur-content-banner-grid > .col1{
  grid-column: 2 / span 5;
grid-row: 1;
z-index: 2;
align-self: center;

}


.l3-blur-content-banner-grid > .col2{
  grid-column: 7 / span 5;
  grid-row: 1 / span 1;
  z-index: 2;
  justify-self: inherit;


}

.l3-blur-content-banner-grid > .col3{

display: none;
  
/*background: white;*/

} 



.l3-blur-content-banner-img-wrapper > img{
  width: 100%;
}



.l3-blur-content-banner-content-wrapper {

margin-top: 20px;
margin-bottom: 20px;

}






}

@media only screen and (min-width: 1201px){



.l3-blur-content-banner-grid  {

}

.l3-blur-content-banner-grid > .col1{
  grid-column: 2 / span 7;
grid-row: 1;


}


.l3-blur-content-banner-grid > .col2{
    grid-column: 9 / span 5;
grid-row: 1 ;

z-index: 1;

        justify-self: inherit;
        align-self: flex-end;
    


}





.l3-blur-content-banner-content-cta-wrapper {
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
        flex-wrap: wrap;
        display: flex
;
        align-items: center;


}



.l3-blur-content-banner-content-cta-wrapper  >p{
  width: 51%;
}





    .l3-blur-content-banner-img-wrapper > img {
        width: 724.5px;
        
    }


    .l3-blur-content-banner-content-wrapper {

margin-top: 0;
margin-bottom: 0;

}









.l3-blur-content-banner-content-cta-wrapper > a.transp {
  color: #9CE5FF;
}


.l3-blur-content-banner-content-cta-wrapper > a.transp >img  {
/*filter: brightness(0) invert(1);*/
 /*filter: invert(79%) sepia(31%) saturate(1398%) hue-rotate(166deg) brightness(101%) contrast(101%);*/
  filter: invert(100%) sepia(9%) saturate(3816%) hue-rotate(168deg) brightness(104%) contrast(103%);

}

} 



/* L3 BLURRED IMG CONTENT BLOCK END */



/* L3 LOCATIONS - CARDS BLOCK  */





/* L3 LOCATIONS - CARDS BLOCK END */