:root{
    --bulletColor:var(--green-text);
    --bulletText:#707070;
    --bulletWeight:400;   
}

*:focus {outline:none;-webkit-tap-highlight-color:transparent}

/* BREADCRUMBS */
nav.breadcrumbs{display:flex;gap:10px;font-weight:300}
nav.breadcrumbs a{position:relative}
nav.breadcrumbs a::after{content:"/";margin-left:10px}
nav.breadcrumbs span.current{font-weight:700;color:#2c2c2c}
/* END BREADCRUMBS */

/* MAIN MENÚ */
.main-menu li:has(.contactBtn){border-left:1px solid #d8cfc7;margin-left:15px}
.main-menu li:has(.contactBtn) .contactBtn{margin-left:30px}
.main-menu ul > li a:not(.contactBtn){padding:26px 16px;border-bottom:4px solid transparent}
.main-menu ul > li a:hover{background-color:var(--gris-claro);color:var(--green-text)}
.main-menu ul > li a:not(.contactBtn).current-menu-item,
.main-menu ul > li a.current-menu-parent{border-color:var(--green-text)}
.main-menu ul > li li a{border:0}
.main-menu ul > li > ul.cc-menu-dropdown{z-index:1;margin-top:1px;padding:20px}
.main-menu ul > li > ul.cc-menu-dropdown li a{padding:6px 20px;}
.main-menu ul > li li a.current-menu-item{color:#ffffff;background:var(--green-medium)}
.main-menu li:has(.cc-menu-dropdown) > a {position: relative;padding-right: 32px !important;}
.main-menu li:has(.cc-menu-dropdown) > a::after {content: '';position: absolute;right: 10px;top: 48%;   background-image: url(/wp-content/plugins/customize/img/Down.svg);
background-size: contain;width: 14px;height: 14px;display: inline-block;cursor: pointer;background-repeat: no-repeat;transition: transform 0.3s ease-in-out;}
.main-menu li:has(.cc-menu-dropdown):hover > a::after {transform: translateY(-50%) rotate(180deg);}
.menu-mobile li:has(.cc-menu-dropdown) > a {justify-content: center;}
.main-menu .strong {font-weight: 600;}
.main-menu ul.cc-menu > li > ul.cc-menu-dropdown {z-index: 3;}
/* END MAIN MENÚ */

/* SLIDER COMO LO HACEMOS */
.section-block_03 .slider-nav{overflow:hidden;text-align:center;max-width:1024px;margin:0 auto 50px;display:flex;gap:10px;flex-wrap:nowrap;justify-content:space-between;flex-direction:row;position:relative;width:100%}
.section-block_03 .slider-nav a.number{flex:1;font-size:80%;line-height:100%;display:grid;grid-template-rows:59px 40px;align-items:center;color:var(--bulletText);font-weight:var(--bulletWeight);position:relative}
.section-block_03 .slider-nav a.number span{display:grid;background:var(--bulletColor);width:59px;aspect-ratio:1;align-items:center;border-radius:100px;color:#fff;font-weight:700;margin:0 auto;border:12px solid #ffffff}
.section-block_03 .slider-nav a.number strong{font-weight:300}
.section-block_03 .slider-nav a.active{--bulletColor:var(--green-text);--bulletText:#000000;--bulletWeight:800;position:relative}
.section-block_03 .slider-nav a.active strong{font-weight:700}
.section-block_03 .slider-nav a::before{content:"";position:absolute;height:3px;width:1000px;background:transparent;top:29px;z-index:-2;right:50%}
.section-block_03 .slider-nav a::after{content:"";position:absolute;height:3px;width:1000px;background:transparent;top:29px;z-index:-2;left:50%}
.section-block_03 .slider-nav a.active::before{background:var(--bulletColor)}
.section-block_03 .slider-nav a.active::after{background:#d6d6d6}
.section-block_03 .slider-nav a:first-child::before, .section-block_03 .slider-nav a:last-child::after{background-color:#ffffff;z-index:-1}
.section-block_03 .slider-nav a.active ~ a.number{--bulletColor:#d6d6d6}
.section-block_03 .swiper-pagination, .section-block_03 .swiper-button-next, .section-block_03 .swiper-button-prev, .section-block_03 .splide__pagination {pointer-events:none;opacity:0;user-select:none}
.section-block_03 .slider-nav-container{display:flex;margin-bottom:20px;justify-content:space-between;align-items:center;user-select:none}
.section-block_03 .slider-nav-container .nav-prev, .section-block_03 .slider-nav-container .nav-next{position:relative;font-size:80%}
.section-block_03 .slider-nav-container .nav-prev::before, .section-block_03 .slider-nav-container .nav-next::after{content:"";width:9px;height:9px;display:inline-block;transform:rotate(315deg);top:-1px;position:relative;border:1px solid var(--green-text);border-right:0;border-bottom:0;margin-right:4px}
.section-block_03 .slider-nav-container .nav-next::after{transform:rotate(135deg);margin-right:0;margin-left:4px}
.section-block_03 .slider-nav-container .nav-counter{color:var(--green-text)}
.section-block_03 .slider-nav-container .nav-counter strong{font-size:150%;font-weight:500;margin-right:2px;position:relative;top:2px}
.section-block_03 .slider-nav-container a.disabled{filter:grayscale(1);opacity:0.3;pointer-events:none;user-select:none}
.section-block_03 .slider-steps{transition:all 0.5s ease-in-out}
.section-block_03 .slider-steps.last{border-color:var(--bulletColor);box-shadow: 0px 0px 30px #00000024;}
/* END SLIDER COMO LO HACEMOS */

/* VENTAJAS CARDS */
.ventajas-card{position:relative}
.ventajas-card::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:#ebe2d9}
/* END VENTAJAS CARDS */

/* CONTACTO */
.form_block fieldset.group{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;margin-bottom:25px}
.form_block fieldset.group .titleform {grid-column: span 2;border-top: 1px solid #d8cfc7;padding-top: 20px;margin-top: 20px;padding-bottom: 11px;font-size: 100%;font-weight: 700;}
.form_block fieldset .field{padding:13px 25px;border-radius:22px;color:#89837e;width:100%; font-family: inherit;}
.form_block fieldset .field:not(.wpcf7-not-valid){border:1px solid #d8cfc7}
.form_block fieldset .field.wpcf7-not-valid{border:1px solid #d40000;}
.form_block fieldset .field:focus-visible{border:1px solid #00A443;box-shadow: 0px 0px 0px 3px rgba(179, 228, 199, 1);}
.form_block fieldset .wpcf7-not-valid-tip{position:absolute;margin:0;padding:0;line-height:100%;font-size:60%;text-transform:uppercase;left:26px;margin-top:5px;width:100%}
.form_block fieldset.full{grid-column:span 2}
.form_block fieldset.group.required span.wpcf7-form-control-wrap{position:relative}
.form_block .group.required .label-form label{position: relative;}
.form_block .group.required .label-form .tooltip {content:'';position:absolute;right:0;top:-4px;background: url("/wp-content/plugins/customize/img/tooltip.svg");background-size: contain;width: 28px;
height: 28px; cursor: pointer;}
.form_block .group.required .label-form .tooltip::before {content: attr(data-tooltips);position: absolute;left: 50%;bottom: 43px;transform: translateX(-50%);background: #EEF0F1;
color: #2C2C2C;padding: 10px 15px;font-size: 12px;border-radius: 8px;opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out;pointer-events: none;box-shadow: 1px 6px 13px -8px rgba(0, 0, 0, 0.47);min-width: 230px;}
.form_block .group.required .label-form .tooltip::after{content: '';background-image: url(/wp-content/plugins/customize/img/pico-tooltip.svg);background-size: contain;position: absolute;
top: -20px;left: 12%;z-index: 99999;background-repeat: no-repeat;width: 20px;height: 20px;opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out;pointer-events: none;}
.form_block fieldset.group.required .label-form:hover .tooltip::before {opacity: 1;visibility: visible;}
.form_block fieldset.group.required .label-form:hover .tooltip::after {opacity: 1;visibility: visible;}
.form_block fieldset select.field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:white;background-image:url('data:image/svg+xml;utf8,<svg id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 12 12"><path d="M6,7.8c0,0-.2,0-.2,0l-2.5-2.5c-.1-.1-.1-.3,0-.4.1-.1.3-.1.4,0l2.3,2.3,2.3-2.3c.1-.1.3-.1.4,0,.1.1.1.3,0,.4l-2.5,2.5c0,0-.1,0-.2,0Z"/></svg>'); background-repeat:no-repeat;background-position:right 10px center;background-size:28px}
.form_block fieldset p{margin:0;padding:0}
.form_block .primaryBtn{margin-top:40px;cursor: pointer;font-weight: 700;}
.form_block fieldset.legal{font-size:80%}
.form_block fieldset.legal input{position:relative;top:1px}
.form_block fieldset.legal a {color:var(--green-text);text-decoration:underline}
.form_block fieldset .label-form label {font-size: 14px;padding-left: 20px;color: #89837E;padding-right: 35px;}
.form_block fieldset .label-form {margin-bottom: 5px;position: relative;display: inline-block;}
.form_block .primaryBtn:disabled {background: #D8CFC7; color: #fff; border: 0px;}
.tooltip.disabled {opacity: 0.3;pointer-events: none;}
.form_block .group.required .label-form.disabled:hover .tooltip::before, .form_block .group.required .label-form.disabled:hover .tooltip::after{visibility: hidden !important;}
/*.form_block fieldset.group.required span.wpcf7-form-control-wrap:has(.spain)::after{content: "+34";position: absolute;z-index: 2;left: 14px;top: 1px;font-size: 81%;border-right: 1px solid #d8cfc7;padding-right: 7px;color: #b9b2ab;}*/
/*.form_block fieldset.group.required span.wpcf7-form-control-wrap:has(.spain) input{padding-left:58px}*/
/* END CONTACTO */

/** Estilos Gelsys **/
.wpcf7 form.init .wpcf7-response-output {display: block !important;}
.wpcf7 form.init .wpcf7-response-output:empty {display: none !important;}
.wpcf7 form.init .wpcf7-response-output {display: block !important;background: #2e6852;color: #fff;border: 0px;}

/* Single sector */
.repetidor-sector > div:nth-of-type(odd) .text-container {border-right: 1px solid #D8CFC7;}
.repetidor-sector > div:nth-of-type(even) .text-container {border-right: 0px;}
.splide__pagination__page {border: 1px solid var(--green-medium); background: #cccccc00;width: 10px;height: 10px;}
.splide__pagination__page.is-active {background: var(--green-medium);transform: none;}
.splide__pagination {bottom: -10px;}
.slide-sector .primaryBtn {display: none;}
.slider-steps.last .slide-sector .primaryBtn {display: block;}
/* Single sector */

/* Tipografía */
.fontsize-1 {font-size: 275%;}
.fontsize-2 {font-size: 200%;}
.fontsize-3 {font-size: 150%;}
.fontsize-4 {font-size: 138%;}
.fontsize-5 {font-size: 400%;}
.fontsize-6 {font-size: 113%;}
.fontsize-7 {font-size: 90%;}
.fontsize-8 {font-size: 250%;}

.title-home {color: var(--white);}
.verde {color: #5BD38C;}
.azul {color: #6BDAFF;}
.amarillo {color: #FFCC2B;}

.biColor strong { color: var(--fondo-azul-2);}
/* Tipografía */

/* Home */
.flip-card-front, .flip-card-back {backface-visibility: hidden;  transition: transform 0.6s;}
.slider-flip.flipped .flip-card-front {transform: rotateY(180deg);}
.slider-flip.flipped .flip-card-back { opacity: 1;transform: rotateY(0deg);}
.slider-container .swiper-pagination-bullet {border: 1px solid;}
.icon-check ul li:before {-webkit-mask-image: url(/wp-content/plugins/customize/img/check-list.svg) !important; mask-image: url(/wp-content/plugins/customize/img/check-list.svg) !important;}
.last-check ul li:last-child::before {content: none;}
.modal-overlay::before{position: fixed !important;z-index: 999;}
body:has(.modal-overlay[data-ccp-state="visible"]){overflow: hidden;pointer-events: none;}
body .modal-overlay[data-ccp-state="visible"]{pointer-events: auto !important;}
/* Home */

/* Modal pre-footer */
.modal-overlay .form_block fieldset.group.required fieldset:nth-child(1),.modal-overlay .form_block fieldset.group fieldset:nth-child(2) 
{grid-column: span 2;}
.modal-overlay .form_block fieldset.group.required fieldset:nth-child(3),.modal-overlay .form_block fieldset.group fieldset:nth-child(4) 
{grid-column: auto;}
.modal-overlay .form_block fieldset.group.opcionales fieldset:nth-child(2),.modal-overlay .form_block fieldset.group fieldset:nth-child(3) 
{grid-column: auto;}
.modal-overlay .form_block fieldset.group.opcionales fieldset:nth-child(4) 
{grid-column: span 2;}
.container-modal-footer{scrollbar-width: none;}
/* Modal pre-footer */

.slider-container .swiper-horizontal {padding-bottom: 60px;} 
.effect-blur {backdrop-filter: blur(2px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(119, 119, 119, 0.715531) 46.83%, rgba(92, 92, 92, 0.856383) 67.45%, #414141 97.54%);}
.loop-sectores .cc-query-item {display: flex !important;}
/** Estilos Gelsys **/


@media (min-width:1025px) {
    .ventajas-card:nth-child(3n + 1)::before {display:none}
    .ventajas-card:nth-last-child(-n+3){border:0}  
    .repetidor-sector > div:nth-last-child(-n+2) div {border: 0px;}  
}

@media (max-width:1024px) {
    .section-block_03 .slider-nav a.number{font-size:1.5vw}
    .ventajas-card:nth-last-child(-n+2){border:0}
    .ventajas-card:nth-child(odd)::before {display:none}      
}

@media (min-width:769px) {
    .footer--menu li:not(:last-child) a{border-right:1px solid #ffffff40;padding-right:12px}
    .section-block_03 .slider-nav-container .nav-counter{opacity:0;pointer-events:none;user-select:none}     
}

@media (max-width:768px) {
    .footer--menu ul{display:grid;text-align:center;gap:5px!important}
    .footer--menu ul a{text-align:center;display:block!important}
    .section-block_03 .slider-nav a:not(.show){display:none}
    .section-block_03 .slider-nav a.number{flex:1;font-size:16px;font-size:2.3vw}
    .section-block_03 .slider-nav{width:100%;gap:11vw}
    .section-block_03 .slider-nav a.number span{width:72px;font-size:130%}
    .ventajas-card{border-bottom:1px solid #ebe2d9 !important}
    .ventajas-card::before{display:none}
    /* Single sector */
    .repetidor-sector > div:nth-of-type(odd) .text-container {border-right: 0px;}   
    .repetidor-sector > div:last-child div {border: 0px;} 
    /* Single sector */

    /* Tamaños tipografía */
    .fontsize-1 { font-size: 200%;}
    .fontsize-2 { font-size: 150%;}
    .fontsize-3 { font-size: 113%;}
    .fontsize-4 { font-size: 113%;}
    .fontsize-5 { font-size: 275%;}
    .fontsize-8 { font-size: 150%;}
    .title-home {text-align: center;}
    /* Tamaños tipografía */

    /* Home */   
    .icon--card {
        background-color: #ffffff;
        border-radius: 10px;
        top: 64px;
        left: 50%;
        margin-top: -55px;
        transform: translateX(-50%);
        position: absolute;
        width: 50px;
        height: 50px;
        aspect-ratio: 1;
        filter: drop-shadow(0px 0px 4px #00000020);
        padding: 10px;
    }
    /* Home */

    /* Header */    
    .modal-menu-mobile .menu-cfca87d ul.cc-menu{ gap:0px}
    .menu-mobile .arrow-right {font-weight: 700;}
    .menu-mobile .cc-menu li,.menu-mobile .arrow-right{border-top: 1px solid #D8CFC7;}
    .menu-mobile .arrow-right{border-bottom: 1px solid #D8CFC7;}
    .menu-mobile .cc-menu-dropdown li{border: 0px;}   
    .menu-mobile .cc-menu-main::after, .menu-mobile .arrow-right::after{
        content: "";
        display: inline-block;
        width: 28px; 
        height: 28px;
        background-image: url("/wp-content/plugins/customize/img/arrow-right.svg");
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 8px;
        transition: transform 0.3s ease; 
        transform-origin: center;        
        align-items: center;       
        vertical-align: middle;
        margin-top: 5px;}
    .menu-mobile li.active .cc-menu-main::after{transform: rotate(270deg);margin-top: 0px;}  
    .modal-menu-mobile.cc-mdl, .modal-menu-mobile.cc-mdl>.cc-mdl-close {
        top: 82px !important;
    }  
    /* Header */

    /* Modal pre-footer */
    .form_block fieldset.group.required fieldset, .form_block fieldset.group.opcionales fieldset 
    {grid-column: span 2 !important;}
    /* Modal pre-footer */

    .columns-mobile { display: flex !important; flex-direction: column;} 
    .form_block fieldset.group.required span.wpcf7-form-control-wrap::after {right:0px;} 
}

@media (max-width:600px) {
    .section-block_03 .slider-nav-container{padding-top:50px;position:relative}
    .section-block_03 .slider-nav-container .nav-counter{position:absolute;top:0;left:50%;transform:translateX(-50%)}
    .section-block_03 .slider-nav a.number{font-size:3.5vw;grid-template-rows:59px 9vw}
    .section-block_03 .slider-nav{gap:4vw;margin-bottom:6vw}
}
