/*
Theme Name: Divi Child Theme
Description: Divi Child Theme
Template: Divi
Version: Updated for Divi 3+
*/

/*////////////////// WINFOR CONSULTING /////////////////*

/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

.btn-copiar{
    position:absolute;
    top:8px;
    right:8px;
    border:none;
    background:#222;
    color:#fff;
    padding:6px 8px;
    cursor:pointer;
    border-radius:4px;
    font-size:14px;
}

.btn-copiar:hover{
    background:#444;
}

.copiado-msg{
    display:none;
    position:fixed;
    bottom:20px;
    right:20px;
    background:#222;
    color:#fff;
    padding:10px 14px;
    border-radius:5px;
    font-size:14px;
    z-index:9999;
}



#portada-column-2 .et_parallax_bg {
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 1) 100%);
    background-repeat: no-repeat;
    background-size: cover;
}

.gs_logo_single.gs_logo-single--flex-center {
    width:165px;
    opacity: 61%;
}


.active{
	display: block;
    opacity: 1;
}

.hidden{
	display: none !important;
    opacity: 0;
}

.greyColor{
	filter: grayscale(100%);
    opacity: 0.5;
}

#winConsultBtn,
#winSystemBtn,
#winMedtechBtn,
#winMarketBtn,
.contactBtn{
	cursor: pointer;
}
/******** movil ***********/

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


.cky-consent-bar {
    top: 61px !important;
    position: fixed;
    margin: 23px;
    border-radius: 23px !important;
    background: #f9f9f9 !important;
}


#winConsultBtn,
#winSystemBtn,
#winMedtechBtn,
#winMarketBtn{
    width: 57vw !important;
    padding: 23vw 6vw;
    margin-right: 12vw !important;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
    border-radius: 8px;
}

#rowPartnersBottom .et_pb_module {
    width: 37vw !important;
    padding: 5vw;
    margin-right: 12vw !important;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
    border-radius: 8px;
}

div#winConsultBtn {
    margin-left: 18vw;
}

#serviciosIT {
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.rowServices{
padding-top: 0px;
margin-top: 0px;
}

.rowServices .et_pb_column{
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
}


.rowServices .et_pb_column.et_pb_column_1_6.et-last-child {
    display: flex;
    width: 100% !important;
}
.rowServices .et-last-child .et_pb_module.et_pb_blurb {
    width: 45%;
    margin-right: 4%;
}

.acordeonList .et_pb_toggle_content {
    display: none !important;
}


.acordeonList .et_pb_accordion_item {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    margin-right: 10px;
    width: 100%;
    padding: 8px 14px;
}

.acordeonList h5.et_pb_toggle_title {
    text-align: center;
    padding: 0px !important;
    font-size: 14px;
}

.acordeonList h5.et_pb_toggle_title:before {
 display: none;
}

}   
/******** end movil ***********/


body p {
    /*font-family: 'graphikregular',Helvetica,Arial,Lucida,sans-serif !important;*/
     line-height: 1.6em;
    font-size: 16px;
    font-weight: 400;
}

.rowPacksServices p,
.rowCaractWinfor p {
    /*font-family: 'graphikregular',Helvetica,Arial,Lucida,sans-serif !important;*/
    font-size: 14px;
}

body .percent p {
    font-size: 72px;
    line-height: 72px;
    font-weight: 500;
}


span.et-waypoint {
    margin-bottom: 15px;
}

/******** movil ***********/

@media screen and (max-width: 768px) {
.btnMovil{
    width: 100%;
    text-align: center;
}

.imgMovil{
	right: 13vw;
}

}
/******** ebd movil ***********/


.post-meta{
	pointer-events: none;
}


/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/
li.menu-item.menu-item-object-custom a:not(.sub-menu>li.menu-item.menu-item-object-custom a) {
    margin-left: 0vw;
}

li.et-social-icon {
    padding-left: 1vw;
}

body .mobile_menu_bar:before{
    color: #1c519a;
}

body .et_mobile_menu{
border-color: #1c519a;
}

.et_mobile_menu {
    left: -10vw;
    width: 125vw;
    min-height: 100vh;
}



/*------------------------------------------------*/
/*-----------------[HEADER]------------------*/
/*------------------------------------------------*/
 #main-header {
      box-shadow: none !important;
}

div#page-container {
    overflow: hidden;
}

div#et-info {
    width: 100%;
}

ul.et-social-icons {
    float: right !important;
}

/*********************************
change logo for fixed header (quick and easy way)
**********************************/
.et-fixed-header #logo {
content: url(https://winformarketing.com/wp-content/uploads/2025/12/isotipo-winfMarketing-2-1.png);
}


.descripProduct  h3 {
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 0px;
}



/*------------------------------------------------*/
/*-----------------[ HOME ]------------------*/
/*------------------------------------------------*/

div#rowWinConsult {
    overflow: hidden;
}

#rowClientesLogos .et-pb-slider-arrows, #rowClientesLogos .et-pb-controllers{
    display: none;
}

#rowClientesLogos {
    pointer-events: none !important;
}

/******** movil ***********/
@media screen and (max-width: 768px) {


#rowClientesLogos {
    pointer-events:auto !important;
}

.mobileSlideBox {
    flex-wrap: inherit !important;
    padding-top: 16vw !important;
    overflow: scroll !important;
    margin-right: 0 !important;
    border:none !important;
}

div#partnersGrid .et_pb_image {
    width: 37vw !important;
    padding: 5vw;
    margin-right: 12vw !important;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
    border-radius: 8px;
    background-color: #fff;
}


}

/******** end movil ***********/


div#partnersGrid::-webkit-scrollbar {
    display: none;
}
.mobileSlideBox::-webkit-scrollbar {
    display: none;
}

#video_winfor_home .et_pb_section_0.et_pb_section {
    background-color: #1678ff;
}

#video_winfor_home .et_pb_section_video_bg {
    opacity: 60%;
}

/*------------------------------------------------*/
/*-----------[ KIT DIGITAL]-----------------*/
/*------------------------------------------------*/

.kitDigBtn a {
    color: #fff !important;
    background-color: #1c519a;
    border-radius: 23px;
    margin-top: 6px;
}

.kitDigBtn a:hover {
    background-color: #fff !important;
    color: #1c519a !important;
}

.rowSoluciones {
    width: 45%;
    margin: 0;
    display: inline-block;
}
/******** movil ***********/
@media screen and (max-width: 768px) {
.rowSoluciones {
    width: 100%;
    }
 } 
/******** end movil ***********/
/*------------------------------------------------*/
/*-----------[POP UP KIT DIGITAL]-----------------*/
/*------------------------------------------------*/


div#popmake-1614 .et_pb_section {
    background: transparent;
    margin: 0;
    padding: 0;
}

body div#popmake-1614 {
    bottom: 0 !important;
    top: auto !important;
    margin-bottom: 0;
     background: transparent;
    box-shadow: none;
}

div#textoPopUpKd {
    width: 200px;
    top: -39px;
    right: 0;
    position: absolute;
    background: #f6b30a;
    height: 200px;
    border-radius: 50%;
}

div#textoPopUpKd p {
    max-width: 125px;
    margin: auto;
    color: #fff;
    font-weight: 600;
    padding-top: 15%;
}
div#textoPopUpKd a {
    padding: 2px 23px;
    text-align: center;
    color: #f6b30a;
    background: #fff;
    border-radius: 17px;
}
#popmake-1614 button.pum-close.popmake-close {
    width: 32px;
    height: 32px;
    line-height: 15px;
    border-radius: 50%;
    background-color: #fd9b1e;
    font-size: 16px;
    font-weight: 700;
    right: 75px;
}

@media screen and (max-width: 650px) {
body div#popmake-1614 {
    bottom: 0;
    top: auto !important;
    margin-bottom: 0;
    background: #00000091;
    width: 100%;
    height: 100%;
    padding: 50% 0;
}
div#textoPopUpKd {
    top: -98px;
    left: 0;
    right: auto;
}
#popmake-1614 button.pum-close.popmake-close{
	top: 25%;
}

}

/*------------------------------------------------*/
/*-----------------[ SLIDER HOME 1 ]------------------*/
/*------------------------------------------------*/

.rowPacksServices img {
    width: 105px;
}
div#rowWinMedtech .rowPacksServices img {
    width: 75px !important;
    max-height: 75px;
}
.rowPacksServices .et_pb_main_blurb_image {
       margin-bottom: 0px !important;
}

.acordeonList .et_pb_toggle_title{
	line-height: 1.3em;
}

.acordeonList .et_pb_toggle_open .et_pb_toggle_title{
    font-weight: 600;
   
}

.rowPacksServices .et_pb_column_1_6{
width: 30% !important;
margin-right: 2.64% !important;
}




/******** movil ***********/
@media screen and (max-width: 768px) {

.rowPacksServices .et_pb_column_1_6{
width: 45% !important;
margin-right: 4.4% !important;
}

body .rowCaractWinfor .et_pb_column_1_6{
width: 100% !important;
margin-right: 0 !important;
}

}    
/******** end movil ***********/



#rowClientSlide .et-pb-controllers {
    top: -130px !important;
    height: fit-content;
    padding-left: 5%;    
}

/****** movil ******/ 
@media screen and (max-width: 768px) {
#rowClientSlide .et-pb-controllers {
    display: flex;
}

#rowClientesLogos .et_pb_gallery {
    width: 37vw !important;
    padding: 5vw;
    margin-right: 12vw !important;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
    border-radius: 8px;
    background-color: #fff;
}

}
/****** end movil ******/


#rowClientSlide .et_pb_slider {
    overflow: visible !important;
}

/****** movil ******/ 
@media screen and (max-width: 768px) {


.mobileSlider .et_pb_slide {
    padding: 0;
    background-size: contain !important;
    background-position: top;
}

.mobileSlider .et_pb_slide_overlay_container {
    background-color: transparent;
}

.mobileSlider .et_pb_slide_description {
    position: relative;
    margin-top: 15vh;
    border-radius: 32px 32px 0px 0px !important;
}

#sliderHome1 .et_pb_text_overlay_wrapper {
    min-height: 455px;
}

.mobileSlider a.et_pb_button.et_pb_more_button {
    margin-left: 7vw;
}

.mobileSlider .et_pb_text_overlay_wrapper {
    background-color: #fff !important;
}

.mobileSlider .et_pb_text_overlay_wrapper h2, .mobileSlider .et_pb_text_overlay_wrapper p, .mobileSlider .et_pb_text_overlay_wrapper h3 {
    color: #1c519a !important;
    text-shadow: none;
}


}
/****** end movil ******/
#rowClientSlide .et-pb-controllers a{
	background-color: transparent !important; 
}

#rowClientSlide .et-pb-controllers .thumbnail{
    width: 325px !important;
    height: 325px !important;
    border-radius: 50% !important;
    margin: 0px 20px 0px 20px;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
    opacity: 1 !important;
}

#rowClientSlide a.thumbnail.et-pb-active-control:after {
    border-bottom: solid 5px #1c519a;
}

#rowClientSlide .thumbnail:after {
    content: '';
    display: block;
    width: 325px;
    max-width: 225px;
    height: 150px;
    background-repeat: no-repeat;
    margin: auto;
    position: absolute;
    border: solid 3px #fff;
    background-color: #fff;
    background-size: auto;
    box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
    background-position: center center;
}

/****** movil ******/ 
@media screen and (max-width: 768px) {
#rowClientSlide .thumbnail:after {
    width: 20vw;
    max-width: 20vw;
    height: 18vw;
    background-size: contain;
}

}
/****** end movil ******/


#rowClientSlide .thumbnail.img0:after {
    background-image: url(/wp-content/uploads/2021/09/smith.jpg);
}

#rowClientSlide .thumbnail.img1:after {
    background-image: url(/wp-content/uploads/2021/09/logo-rio-1.jpg);
}

#rowClientSlide .thumbnail.img2:after {
    background-image: url(/wp-content/uploads/2021/10/infranor-logo-1.png);
}



/*------------------------------------------------*/
/*-----------------[ SLIDER HOME 2 ]------------------*/
/*------------------------------------------------*/

#rowTestimSlide .et-pb-controllers {
    display: none;
}

#sliderHome2 .et_pb_slide_description {
    position: absolute;
    bottom: 45px;
    right: -25vw;
    left: 30vw;
}

/*****movil******/
@media screen and (max-width: 768px) {
#sliderHome2 .et_pb_slide_description{
	position: relative;
	bottom: -18vw;
    right: 0;
    left: 0;
}

div#sliderHome2 {
    height: 125vw;
}

}
/*****movil******/

/*------------------------------------------------*/
/*-----------------[ SOBRE WINFOR ]---------------*/
/*------------------------------------------------*/

.valWin {
    background-color: #1c519a;
    color: #fff;
    padding: 3px 32px;
    margin: 8px;
    max-width: 156px;
    border-radius: 21px;
    display: inline-block;
    height: 42px;
    line-height: 38px;
    cursor: pointer;
}
/*****movil******/
@media screen and (max-width: 768px) {
body #main-content .valWin {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
/*****movil******/

div#rowvals1,
div#rowvals2,
div#rowvals3{
  text-align: center;
}
#val1 {
    width: 50%;
    margin-right: 45px;
}
#val3 {
    width: 50%;
    margin-left: : 45px;
}

p.txtValFinal {
    position: relative;
    top: 42px;
}

.changed.val1:after {
  content: ' Es la rapidez con la que actuamos, teniendo en cuenta lo que es importante y lo que es urgente para tomar las decisiones correctas. Nos permite hacer las cosas bien, cumplir con nuestras tareas de manera eficiente y eficaz y alcanzar el éxito.';
}
.changed.val2:after {
  content: ' Es el valor central de Winfor que nos permite lograr los objetivos y conseguir los éxitos de nuestros clientes. Significa que nos dedicamos plenamente, concentrados en profundidad y detalle, a las tareas que realizamos!';
}
.changed.val3:after {
  content: 'Para nosotros la empatía es saber escuchar y entender los problemas de nuestros clientes. Para comprender, ayudar y lograr una mayor colaboración y entendimiento que nos permita alcanzar los objetivos.';
}
.changed.val4:after {
  content: 'A través del esfuerzo y la pasión queremos crear algo muy grande que nos permita complacer las necesidades de nuestros clientes más exigentes y dejar marca..';
}

.changed.val5:after {
  content: 'Nuestro equipo está enfocado en conseguir los resultados esperados de forma óptima.';
}
.changed:after {
    display: block;
    width: 550px;
    height: fit-content;
    position: absolute;
    z-index: 9999;
    background: #1c519a;
    line-height: 26px;
    color: #fff;
    border-radius: 23px;
    padding: 23px;
    top: 81%;
    opacity: 1;
}


.rowCaractWinfor .et_pb_column_1_6 {
    width: 30% !important;
    margin-right: 2.64% !important;
}



/*------------------------------------------------*/
/*-----------------[ CLIENTES ]---------------*/
/*------------------------------------------------*/

.gridClientes .et_pb_image_container {
    margin: 45px;
}

.gridClientes article {
    pointer-events: none;
}

/*------------------------------------------------*/
/*-----------------[ CONTACTO ]------------------*/
/*------------------------------------------------*/


.contactBtn{
	padding-top: 15px!important;
    padding-right: 30px!important;
    padding-bottom: 15px!important;
    padding-left: 30px!important;
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 26px;
    letter-spacing: 1px;
    font-weight: 300!important;
    text-transform: uppercase!important;
    background-color: #1c519a;
    width: 80%;
    text-align: center !important;
    margin: auto;
}

/*****movil******/
@media screen and (max-width: 768px) {

.rowFormContact .et_contact_bottom_container {
    width: 100%;
    padding-top: 11vw;
    display: grid;
    margin: 0;
}

}
/*****end movil******/

/*------------------------------------------------*/
/*-----------------[ ENTRADAS ]------------------*/
/*------------------------------------------------*/

.comment-author-eric img {
    max-width: 61px;
}

#autorBlog .et_pb_team_member_image img {
     margin: 0 !important;
}
#autorBlog .et_pb_team_member_image {
    margin: 23px;
}

#autorBlog .et_pb_team_member_description {
    margin-top: 23px;
    text-align: center;
}
#autorBlog .et_pb_team_member_description p:nth-child(1) {
    margin-top: 32px;
    font-style: italic;
}
@media screen and (max-width: 768px) {
#autorBlog .et_pb_team_member_description p:nth-child(1) {
    display:none;
}
}    


@media screen and (min-width: 768px) {
.formFixed {
    position: fixed !important;
    top: 16vh !important;
    width: 25%;
}
}


.blogText li{
    line-height: 2.3;
}


.blogText h2{
	margin-top:28px;
    margin-bottom:16px;
}

/*****movil******/
@media screen and (max-width: 768px) {
.mobileRowTxt .et_pb_row {
    width: 100vw;
}
#popNews .et_pb_row{
	width: 90%;
}

}
/***** end movil******/
/***** laptop ******/
@media screen and (min-width: 768px) and (max-width: 1366px) {
.pum-container.pum-responsive.pum-responsive-medium .et_pb_signup_0.et_pb_subscribe{
	padding-top: 78px!important;
    padding-right: 45px!important;
}
.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -50%;
    width: 100%;
}
}
/***** end laptop******/

div#popNews {
    border-radius: 32px;
}
div#popmake-2347 {
    background: transparent;
    box-shadow: none;
}
#newsletterForm p.et_pb_newsletter_button_wrap {
    opacity: 0.5;
    pointer-events: none;
}
#newsletterForm p.et_pb_newsletter_button_wrap.btnActive{
    opacity: 1;
    pointer-events: inherit;
}

button.pum-close.popmake-close {
    position: relative;
    top: 50px !important;
    right: 50px !important;
    /*font-family: 'graphikregular' !important;*/
    font-weight: 600 !important;
}




/*------------------------------------------------*/
/*-----------------[  ]------------------*/
/*------------------------------------------------*/

/*------------------------------------------------*/
/*-----------------[ FOOTER ]------------------*/
/*------------------------------------------------*/


footer.et-l.et-l--footer {
    z-index: 999999999;
    position: relative;
}
.et_pb_section.et_pb_section_2_tb_footer.et_pb_with_background.et_section_regular {
    position: relative;
    z-index: 9999999;
}

.gs_logo_container.gs_carousel_swiper.gs_logo_fix_height_and_center.swiper-container.swiper-initialized.swiper-horizontal.swiper-pointer-events {
background-color: #cccccc29;
}

a.linkFooter {
    color: #ea3900;
    font-size: 14px;
}

div#rowUiuxMenu {
    height: 0px;
    padding: 0;
}


.phone {
  width: 100vw;
    height: auto;
    margin: auto;
    align-items: flex-end;
    position: fixed;
    bottom: 0vh;
    left: 0vw;
    z-index: 999999;
    justify-content: center;
  display: none;
}

/*****movil******/
@media screen and (max-width: 768px) {
.phone{
    display: flex;
}
}
}
/***** end movil******/

.phone::before {
  content: '';
  position: absolute;
  width: 84%;
  height: 0px;
  bottom: -10px;
  /*box-shadow: 0 0 25px 9px rgba(255, 0, 0, 0.33), 50px 10px 25px 8px rgba(18, 255, 0, 0.33), -40px 8px 25px 9px rgba(242, 255, 0, 0.33);*/
  left: 0;
  right: 0;
  margin: auto;
}
.phone::after {
  content: '';
}
.phone_content {
    width: 100%;
    background-color: transparent;
    overflow: hidden;
    position: absolute;
    border-radius: 0px;
}
.phone_bottom {
  width: 100%;
  height: 66px;
  background: #557db3;
  display: flex;
  justify-content: center;
  /*filter: blur(10px);*/
}

#s2 ~ [for="s2"] > img{
width: 35px;
}

#rowUiuxMenu input {
  display: none;
}

#rowUiuxMenu label {
  cursor: pointer;
  display: flex;
  width: 33%;
  height: 66px;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: center;
}
#rowUiuxMenu label > img {
  width: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  z-index: 3;
  transition: 200ms 100ms cubic-bezier(0.14, -0.08, 0.74, 1.4);
  filter: brightness(3.5);
}
#rowUiuxMenu label::before {
  content: '';
  position: absolute;
}

.circle {
  width: 60px;
  height: 60px;
  background: #1c519a;
  position: absolute;
  top: -40px;
  z-index: 1;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transition: 200ms cubic-bezier(0.14, -0.08, 0.74, 1.4);
  /*box-shadow: 0px 82px 20px 0px rgba(128, 128, 128, 0.29);*/
}

.indicator {
     width: 70px;
    height: 70px;
    background-image: linear-gradient(
0deg, #ffffff, rgb(255 255 255 / 0%)), linear-gradient(
0deg, #557db3, rgba(183, 255, 154, 0)), linear-gradient(
0deg, #557db3, rgba(183, 255, 154, 0));
    background-size: cover;
    background-position: 0 10px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -42px;
    right: 0;
    margin: auto;
    transition: 200ms cubic-bezier(0.14, -0.08, 0.74, 1.4);
}

#s1:checked ~ [for="s1"] > img {
  top: -85px;
}
#s1:checked ~ .circle,
#s1:checked ~ div div .indicator {
  left: -66%;
}

#s2:checked ~ [for="s2"] > img {
  top: -85px;
}
#s2:checked ~ .circle,
#s2:checked ~ div div .indicator {
  left: 0;
}

#s3:checked ~ [for="s3"] > img {
  top: -85px;
}
#s3:checked ~ .circle,
#s3:checked ~ div div .indicator {
  left: 66%;
}

.kit-consulting {
	width: 100%;
	max-width: 100%;
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	align-content: space-around;
}

div#rowUiuxMenu {
	height: auto !important;
}


.et_pb_row_1-5_1-5_1-5 {
	display:flex;
	flex:1
}

.et_pb_row_0_tb_footer.et_pb_row {
	width: auto !important;
}

@media (max-width:768px) {
	.et_pb_section_0_tb_footer {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.et_pb_row_1_tb_footer,.et_pb_column_6_tb_footer {
		display: flex;
		width: 100%;
		max-width: 100% !important;
		padding: 20px
	}
}

@media (max-width:465px) {
	.et_pb_section_0_tb_footer {
		justify-content: center;
		align-items: center;
	}
	.et_pb_row_1_tb_footer,.et_pb_column_6_tb_footer {
		display: block;
		width: 100%;
		max-width: 100% !important;
		padding: 20px
	}
}

/*@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_1_5, .et_pb_gutters3.et_pb_row .et_pb_column_1_5 {
        width: auto;

    }
}*/

/* ===========================
   GTranslate – UI refinada (menú/popup)
   Autor: David Mode 😎
   Ajusta variables para tunear rápido
=========================== */
:root{
  --gt-primary: #0A5BD3;         /* azul marca */
  --gt-bg: #ffffff;
  --gt-text: #0f172a;
  --gt-muted: #64748b;
  --gt-ring: rgba(10,91,211,.25);
  --gt-border: rgba(2,6,23,.10);
  --gt-shadow: 0 8px 20px rgba(2,6,23,.12), 0 2px 6px rgba(2,6,23,.08);
}

/* Contexto: asegúrate de que el dropdown se vea por encima en off-canvas/popup */
.et_mobile_menu .gt_switcher,
.et_pb_module .gt_switcher,
.et-l--header .gt_switcher,
#page-container .gt_switcher{
  position: relative;
  z-index: 9999;
}

/* ===== Switcher moderno (botón) ===== */
.gt_switcher .gt_selected{
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .55rem .9rem;
  background: var(--gt-bg);
  color: var(--gt-text);
  border: 1px solid var(--gt-border);
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(2,6,23,.06);
  font: 600 14px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, transform .06s ease;
}
.gt_switcher .gt_selected:hover{
  border-color: rgba(2,6,23,.18);
  box-shadow: 0 2px 6px rgba(2,6,23,.08);
}
.gt_switcher .gt_selected:active{ transform: translateY(1px); }

/* caret minimal */
.gt_switcher .gt_selected::after{
  content: "";
  width: 8px; height: 8px;
  margin-left: .25rem;
  border-right: 2px solid var(--gt-muted);
  border-bottom: 2px solid var(--gt-muted);
  transform: rotate(45deg);
}

/* bandera más pulida (si existe) */
.gt_switcher .gt_selected .gt_flag,
.gt_switcher .gt_options .gt_flag{
  width: 16px; height: 16px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(2,6,23,.06);
}

/* ===== Dropdown (lista de idiomas) ===== */
.gt_switcher .gt_options{
  right: 0; left: auto !important; /* alinear al borde derecho del menú */
  margin-top: .5rem;
  padding: .35rem;
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--gt-border);
  border-radius: 14px;
  box-shadow: var(--gt-shadow);
  max-height: 280px;
  overflow: auto;
}
.gt_switcher .gt_options a{
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .5rem .55rem;
  border-radius: 10px;
  color: var(--gt-text);
  text-decoration: none;
  font-weight: 500;
}
.gt_switcher .gt_options a:hover{
  background: rgba(10,91,211,.08);
}
.gt_switcher .gt_current{
  background: rgba(10,91,211,.12) !important;
}

/* ===== Fallback <select> (cuando sale el combo nativo) ===== */
.gtranslate select,
.goog-te-combo{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: var(--gt-bg);
  border: 1px solid var(--gt-border);
  border-radius: 9999px;
  padding: .55rem 2.1rem .55rem .8rem;
  font: 600 14px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  color: var(--gt-text);
  box-shadow: 0 1px 2px rgba(2,6,23,.06);
  width: auto; min-width: 140px;
}
.gtranslate select:focus,
.goog-te-combo:focus{
  outline: none;
  border-color: var(--gt-primary);
  box-shadow: 0 0 0 4px var(--gt-ring);
}
/* flecha para el select nativo */
.goog-te-combo{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 12px;
}

/* ===== Modo menú oscuro (opcional) ===== */
.et_mobile_menu .gt_switcher .gt_options{
  background: rgba(15,23,42,.92);
  border-color: rgba(148,163,184,.25);
}
.et_mobile_menu .gt_switcher .gt_options a{ color: #e2e8f0; }
.et_mobile_menu .gt_switcher .gt_options a:hover{
  background: rgba(59,130,246,.18);
}

/* Pequeños fixes de clic dentro de popups/menús */
.et_mobile_menu .gt_switcher,
.mfp-content .gt_switcher,
.et_pb_popup .gt_switcher{
  pointer-events: auto;
  overflow: visible;
}


/* =============================
   GTranslate <select> – estilo global moderno
   Mejora visual para .goog-te-combo y .gtranslate select
============================= */
.gtranslate select,
.goog-te-combo{
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  font: 600 15px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif !important;
  border: 1px solid rgba(2,6,23,.15) !important;
  border-radius: 12px !important;
  padding: 10px 40px 10px 14px !important; /* espacio para la flecha */
  min-width: 180px !important;
  box-shadow: 0 1px 2px rgba(2,6,23,.06) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}
.gtranslate select:hover,
.goog-te-combo:hover{ border-color: rgba(2,6,23,.28) !important; }
.gtranslate select:focus,
.goog-te-combo:focus{
  outline: none !important;
  border-color: #1c519a !important;
  box-shadow: 0 0 0 4px rgba(28,81,154,.22) !important; /* focus ring accesible */
  background-color: #fff !important;
}
/* Flecha SVG para todos los navegadores */
.goog-te-combo,
.gtranslate select{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 14px !important;
}
/* Modo oscuro opcional (si el contenedor tiene fondo oscuro) */
.dark .goog-te-combo,
.dark .gtranslate select,
.et_mobile_menu .dark .goog-te-combo{
  background-color: rgba(255,255,255,.95) !important;
  color: #0b1220 !important;
  border-color: rgba(148,163,184,.35) !important;
}
/* Tamaño compacto (útil para header) */
.header .goog-te-combo,
.et-l--header .goog-te-combo{
  padding: 8px 36px 8px 12px !important;
  font-size: 14px !important;
  min-width: 150px !important;
}
. 
/* =============================
   GTranslate – estilo para <select class="gt_selector notranslate">
   (forzado sobre reglas genéricas de Divi)
============================= */
body nav #top-menu-nav #top-menu li.menu-item .gt_selector,
body .et_mobile_menu .gt_selector,
body select.gt_selector.notranslate{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  font: 600 15px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif !important;
  border: 2px solid #ea3900 !important;
  border-radius: 12px !important;
  padding: 10px 40px 10px 14px !important; /* espacio para flecha */
  min-width: 180px !important;
  height: 42px !important;
  box-shadow: 0 1px 2px rgba(2,6,23,.06) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}
body nav #top-menu-nav #top-menu li.menu-item .gt_selector:hover,
body .et_mobile_menu .gt_selector:hover,
body select.gt_selector.notranslate:hover{ border-color: rgba(2,6,23,.28) !important; }
body nav #top-menu-nav #top-menu li.menu-item .gt_selector:focus,
body .et_mobile_menu .gt_selector:focus,
body select.gt_selector.notranslate:focus{
  outline: none !important;
  border-color: #ea3900 !important;
  box-shadow: 0 0 0 4px rgba(28,81,154,.22) !important; /* focus ring accesible */
  background-color: #fff !important;
}
/* Flecha SVG personalizada */
body nav #top-menu-nav #top-menu li.menu-item .gt_selector,
body .et_mobile_menu .gt_selector,
body select.gt_selector.notranslate{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 14px !important;
}
/* Asegurar visibilidad del desplegable en off-canvas */
body .et_mobile_menu{ overflow: visible !important; }

/* Variante comprimida para header */
body #main-header .gt_selector{ min-width: 150px !important; height: 38px !important; padding: 8px 36px 8px 12px !important; font-size: 14px !important; }


/* === GTranslate <select> – variante limpia (sin borde, padding mínimo) === */
body nav #top-menu-nav #top-menu li.menu-item .gt_selector,
body .et_mobile_menu .gt_selector,
body select.gt_selector.notranslate,
body .goog-te-combo,
body .gtranslate select{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  font: 600 15px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif !important;
  border: 2px solid #ea3900 !important;
  border-radius: 10px !important;
  padding: 6px 18px 6px 10px !important;
  min-width: 160px !important;
  height: 36px !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
    .menu-item-gtranslate {
        margin-left: 20px !important;
    }
}

/* Flecha minimal alineada al nuevo padding */
body nav #top-menu-nav #top-menu li.menu-item .gt_selector,
body .et_mobile_menu .gt_selector,
body select.gt_selector.notranslate,
body .goog-te-combo,
body .gtranslate select{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 14px !important;
}

/* Focus accesible sin borde: anillo sutil */
body nav #top-menu-nav #top-menu li.menu-item .gt_selector:focus,
body .et_mobile_menu .gt_selector:focus,
body select.gt_selector.notranslate:focus,
body .goog-te-combo:focus,
body .gtranslate select:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(28,81,154,.18) !important;
}

/* HEADER RESET */
header > .container {
    max-width: 1140px;
    width: 90%;
}
@media (min-width: 981px) {
    .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
        padding-bottom: 30px;
    }
}
@media only screen and (min-width: 981px) {
    .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
        padding-bottom: 55px;
    }
}