/*
Theme Name: Jevelin Child
Theme URI: https://shufflehound.com/jevelin
Template: jevelin
Author: Shufflehound
Author URI: https://shufflehound.com/
Description: Jevelin is multi-purpose WordPress theme for creating stunning websites. Features all the right tools needed for your next design.
Tags: custom-colors,custom-menu,threaded-comments,translation-ready,theme-options,right-sidebar,left-sidebar,full-width-template,threaded-comments,post-formats,featured-images
Version: 5.12.1745965396
Updated: 2025-04-30 00:23:16

*/
@font-face {
    font-family: "BiNeoIndustrialBold";
    src: url('https://www.corporacionbi.com/hn/segurosdelpais/wp-content/fonts/BiNeoIndustrial/BiNeoIndustrialBold.ttf');
    font-display: swap;
}

@font-face {
    font-family: "BiNeoIndustrialRegular";
    src: url('https://www.corporacionbi.com/hn/segurosdelpais/wp-content/fonts/BiNeoIndustrial/BiNeoIndustrialRegular.ttf');
    font-display: swap;
}

/*Font*/

.bineoindustrialbold{
	  font-family: "BiNeoIndustrialBold" !important;
	
}
.bineoindustrialregular{
	  font-family: "BiNeoIndustrialRegular" !important;
	 
}

/**Colores texto**/
/* Neutros */

.text-color-principal{
color: #5A5A5A !important;
	}

.text-color-tiitulo{
color: #003F7B !important;
	}

/* ===================================
   🎨 BACKGROUND COLORS
=================================== */
.bg-experto     { background-color: #003865; }
.bg-digital     { background-color: #00C1D4; }
.bg-financiero  { background-color: #2D8C9E; }
.bg-empatico    { background-color: #FDD26E; }
.bg-optimista   { background-color: #FFB81D; }
.bg-w           { background-color: #FFFFFF; }
.bg-g           { background-color:#6F7171; }

/* ===================================
   🎨 TEXT COLORS
=================================== */
.txc-experto     { color: #003865; }
.txc-digital     { color: #00C1D4; }
.txc-financiero  { color: #2D8C9E; }
.txc-empatico    { color: #FDD26E; }
.txc-optimista   { color: #FFB81D; }
.txc-w           { color: #FFFFFF; }
.txc-g           { color:#6F7171; }

/* ===================================
   🔁 BACKGROUND HOVER COLORS
=================================== */
.bgh-experto     { background-color: #003865!important; }
.bgh-digital     { background-color: #00C1D4 !important; }
.bgh-financiero  { background-color: #2D8C9E !important; }
.bgh-empatico    { background-color: #FDD26E !important; }
.bgh-optimista   { background-color: #FFB81D !important; }
.bgh-w           { background-color: #FFFFFF !important; }

/* ===================================
   🖱️ TEXT HOVER COLORS
=================================== */
.txh-experto     { color: #002E5D !important; }
.txh-digital     { color: #00C1D4 !important; }
.txh-financiero  { color: #2D8C9E !important; }
.txh-empatico    { color: #FDD26E !important; }
.txh-optimista   { color: #FFB81D !important; }
.txh-w           { color: #FFFFFF !important; }

/* ===================================
   🔠 FONT SIZES
=================================== */
.txs-xxs { font-size: 0.5rem; }
.txs-xs  { font-size: 0.75rem; }
.txs-s   { font-size: 1rem; }
.txs-m   { font-size: 1.25rem; }
.txs-l   { font-size: 1.5rem; }
.txs-xl  { font-size: 2rem; }
.txs-xxl { font-size: 2.5rem; }
.txs-3xl { font-size: 3rem; }
.txs-4xl { font-size: 4rem; }
.txs-5xl { font-size: 5rem; }
.txs-6xl { font-size: 6rem; }
.txs-7xl { font-size: 7rem; }
.txs-8xl { font-size: 8rem; }
.txs-9xl { font-size: 9rem; }

/* ===================================
   🧱 BACKGROUND COLOR INNER ROW
   (Para columnas internas como .vc_column-inner)
=================================== */
.bgi-experto     { background-color: #002E5D; }
.bgi-digital     { background-color: #00C1D4; }
.bgi-financiero  { background-color: #2D8C9E; }
.bgi-empatico    { background-color: #FDD26E; }
.bgi-optimista   { background-color: #FFB81D; }
.bgi-w           { background-color: #FFFFFF; }
.bgi-g           { background-color:#6F7171; }

/* ===================================
   🧩 UTILITARIOS
=================================== */
.h-decoration-unset {
  all: unset;
}
/*** Ocultar imagen destacada***/
.page-featured-image {
	display: none !important;
}
/* Ocultar en móvil */
.no-mobile {
  display: block;
}
@media (max-width: 767px) {
  .no-mobile {
    display: none !important;
  }
}

/* Mostrar solo en móvil */
.only-mobile {
  display: none;
}
@media (max-width: 767px) {
  .only-mobile {
    display: block !important;
  }
}

/* Tipografías Bi-neolndustrial */
.font-bi-bold {
font-family: "BiNeoIndustrialBold" !important;
}

.font-bi-regular {
  font-family: "BiNeoIndustrialRegular" !important;
}
.bold{
	font-weight: bold;
}
#trp-floater-ls.trp-bottom-right {
    display: none !important;
}
/* ===================================
   📐 TEXT ALIGNMENT
=================================== */
.al-l { text-align: left; }
.al-r { text-align: right; }
.al-c { text-align: center; }

/* ===================================
   🟦 SHADOWS
=================================== */
.shadow-section {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.shadow-section-h:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.shadow-i-section > * {
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.1);
}

.shadow-i-section-h > *:hover {
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.2);
}
/**Buacador**/
.pagination-wrapper {
  text-align: center;
  margin-top: 40px;
  clear: both;
}
.pleca-borde{
    border-radius: 40px 0px 40px 0px;
}
/** Fonts Movil**/

@media screen and (max-width: 768px) {
  h1 {
   font-family: "BiNeoIndustrialBold" , sans-serif;
    font-size: 24px;
    line-height: normal;
    font-weight: normal; /* Usa 'bold' si lo necesitas */
  }

  h2 {
    font-family: "BiNeoIndustrialBold" , sans-serif;
    font-size: 22px;
    line-height: normal;
    font-weight: normal;
  }

  h3 {
    font-family: "BiNeoIndustrialBold" , sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
  }

  h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: 600; /* Regular o Bold según el caso */
  }

  h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: 600; /* Regular / Semibold / Bold */
  }

  h6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: normal;
    font-weight: 600; /* Regular / Semibold / Bold */
  }

  body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
  }

  /* Display personalizado si lo usas con alguna clase adicional */
  .display {
   font-family: "BiNeoIndustrialBold" , sans-serif;
    font-size: 32px;
    line-height: normal;
    font-weight: normal;
  }
}

/**Botones**/

.vc_btn3.vc_btn3-style-modern {
    background-image: none !important;
}
.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700 !important;
    border-radius: 6px !important;
	font-size: 14px !important;
	padding: 10px 20px !important;
}
.boton-1 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color:#002D51 !important;
    border-color: #FDFDFD !important;
    background-color: #FDFDFD!important;
}

.boton-1 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	color:#002D51 !important;
    border-color: #33CDDD !important;
    background-color: #33CDDD !important;
}
.boton-2 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color:#FDFDFD !important;
    border-color: #002D51 !important;
    background-color: #002D51 !important;
}

.boton-2 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	color:#002D51 !important;
    border-color: #33CDDD !important;
    background-color: #33CDDD !important;
}

.boton-3 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color:#002D51!important;
    border: 2px solid #FDFDFD !important;
    background-color: #FDFDFD !important;
}

.boton-3 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	color:#002D51!important;
    border: 2px solid #00C1D4 !important;
    background-color: #33CDDD00 !important;
}
.boton-4 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color:#002D51!important;
    border: 2px solid #FFB81D !important;
    background-color: #FFB81D!important;
}

.boton-4 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	color:#002D51 !important;
    border: 2px solid  #33CDDD !important;
    background-color: #33CDDD !important;
}

.boton-5 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color:#FDFDFD !important;
    border-color: #002D51 !important;
    background-color: #002D51 !important;
}

.boton-5 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	color:#002D51 !important;
    border-color: #FDFDFD !important;
    background-color: #FDFDFD !important;
}
.boton-6 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color:#00C1D4!important;
    border: 2px solid #00C1D4!important;
    background-color: #FFB81D00!important;
}

.boton-6 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	color:#003865 !important;
    border: 2px solid  #FDFDFD !important;
    background-color: #FDFDFD !important;
}
.boton-7 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color:#002D51!important;
    border: 2px solid #00C1D4!important;
    background-color: #00C1D4!important;
}

.boton-7 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	color:#002D51 !important;
    border: 2px solid  #FDFDFD !important;
    background-color: #FDFDFD !important;
}
.boton-8 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color:#003865 !important;
    border: 2px solid  #003865 !important;
    background-color: #FDFDFD00 !important;
}

.boton-8 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	color:#003865 !important;
    border: 2px solid  #FDFDFD!important;
    background-color: #FDFDFD !important;
}

.boton-icono {
   
	border-color: #00C1D4;
	background: #00C1D4;
    padding: 10px 10px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
	border: 2px solid #00C1D4;
	border-radius: 10px !important;

}
.boton-icono h4 {
 font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
	color: #003865 !important;

}
.boton-icono:hover{
	color: #003865;
	border: 2px solid #00C1D4;
	background: #FDFDFD;


}

.boton-icono .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern i{
	font-size: 50px;
    margin-right: 20px;
	color: #003865;

}


/** Tablas **/
table {
	width: 100%;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
	border: none !important;
	border-radius: 10px!important;
	border-collapse: collapse!important;
 
}
table td,
table th {
    border: 1px solid #B2C3D1 !important;
}

table td {
	padding: 15px 20px!important;
	height: 86px;
	width: 50%;
}

table th {
	
    background: #00C1D2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 30px 20px !important;
    border: none !important;
}
td  p {
display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
	margin-bottom: 0px !important;
	color:  #373939 !important;
	font-size: 15px !important;
}
td  p  .bi-icons{
	color: #003865 !important;
	font-size:	30px !important;
	margin-right :20px !important;
	
}
.titulo{
	color:#003865 !important;
 font-family: "BiNeoIndustrialBold" , sans-serif;
font-size: 24px;
}
.texto-destacado{
	display: none !important;
}
.item-destacado{
	cursor: pointer !important;
	border: 2px solid #00C1D4 !important;

}
.item-destacado p {
	color: #00C1D4 !important;
	font-weight: 700 !important; 

}
.item-destacado .bi-icons {
	color: #00C1D4 !important;

}
.item-destacado:hover{

	background: #E5F9FB;

}
.item-destacado:hover .texto-uno {
	display: none !important; 

}
.item-destacado:hover .texto-destacado {
	display: block !important; 	
	

}
.item-destacado ul{
	margin-bottom: 0px !important;
}
.item-destacado li{
	font-size: 13px;
	padding: 0.2rem !important;
}
.tabla-sin-destacado .item-destacado{
	border: 1px solid #B2C3D1  !important;

}
.tabla-sin-destacado .item-destacado strong {
	color: #373939 !important;
	font-weight: 400 !important; 

}

.tabla-sin-destacado .item-destacado:hover{

	background: #E5F9FB00;

}
.tabla-sin-destacado .item-destacado:hover .texto-uno {
	display: block !important; 

}
.tabla-sin-destacado .item-destacado:hover .texto-destacado {
	display: none !important; 	
	

}
.vc_tta.vc_tta-spacing-20 .vc_tta-tab {
    margin: 10px 10px 5px 10px !important;
}

@media screen and (max-width: 768px) {
  .tabla-coberturas {
    width: 100%;
    border-collapse: collapse;
  }

  .tabla-coberturas tr {
    display: block;
    width: 100%;
  }

  .tabla-coberturas td, 
  .tabla-coberturas th {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    padding: 8px 0;
	  height: auto !important;
  }

  

 .tabla-coberturas tr:first-child th {
    text-align: center;
    line-height: 4rem;
  }


  .tabla-coberturas td.item-destacado {
    background-color: #f9f9f9;
    padding: 12px;
  }

  .tabla-coberturas ul.texto-destacado {
    margin: 0;
    padding-left: 20px;
  }
}

/**Menu**/
/***Boton inicio**/
#mega-menu-item-18 a.mega-menu-link:hover{
	background: #00C1D4 !important;
	border-radius: 10px !important; 
	border-color: #00C1D4 !important;
	
}
#mega-menu-wrap-header #mega-menu-header>li.mega-menu-item>a.mega-menu-link {
    padding: 10px 10px;
    display: inline !important;
    border: 2px solid #00C1D4;
    font-weight: 700;
    border-radius: 10px;
    color: #00C1D4;
}

#mega-menu-wrap-header #mega-menu-header>li.mega-menu-item>a.mega-menu-link:hover {
    background: #FDFDFD;
    color: #002d51;
    border-color: #FDFDFD;
    font-weight: 700;
}

#mega-menu-wrap-header #mega-menu-header>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-header #mega-menu-header>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-header #mega-menu-header>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background: #ffb81d;
    color: #002d51;
    border-color: #FFB81D;
    border-radius: 50px;
    font-weight: 700;
}

#mega-menu-item-40 .mega-menu-toggle {

    display: none !important;
}

#mega-menu-item-23 .mega-menu-link {
    background: #00C1D4 !important;
    color: #002D51 !important;
}


#mega-menu-item-23 .mega-menu-link:hover {
    background: #fff!important;
    color: #002D51 !important;
	border: 2px solid #fff !important;
	border-radius: 10px !important;
}

#mega-menu-item-42 {
    display: none !important;
}

/***MENU MOVIL***/
@media only screen and (max-width: 820px) {
    #mega-menu-wrap-header .mega-menu-toggle.mega-menu-open+#mega-menu-header {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #mega-menu-item-34 {
        display: none !important;
    }

    #mega-menu-item-40 {
        width: 100% !important;
    }

    #mega-menu-wrap-header-left #mega-menu-header-left>li.mega-menu-item>a.mega-menu-link {
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        background: #002D51;
        height: 70px;
        padding-top: 15px;
        margin: 5px 0px;
    }

    #mega-menu-item-42 {
        display: block !important;
        width: 100% !important;
        padding: 0px 10px !important;
    }
}

/*** Acordion**/
.vc_tta.vc_general .vc_tta-panel {
    display: block;

}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: #809BB2 !important;
    background-color: #fff !important;
  
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
     color: #003865 !important;
	  font-family: 'Open Sans', sans-serif;
	font-weight: 400 !important;
}
.vc_tta-panel-heading{
	border-radius: 6px !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #FDFDFD !important;
	border-bottom:0px !important;
    border: 1.5px solid #809BB2 !important;
	border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: #F2F5F7!important;
   
}
.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: #003865 !important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after,.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before {
    border-color: #809BB2 !important;
	border: 1.5px solid #809BB2 !important;
	
	    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
	background-color: #FDFDFD !important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #003865 !important;
	  font-family: 'Open Sans', sans-serif;
	font-weight: 400 !important;
}

/** Diseño de Tabs***/
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab.vc_active>a {
    border-color: #e5f9fb !important;
    background-color: #e5f9fb !important;
    color: #003865 !important;
	font-family: "BiNeoIndustrialBold" , sans-serif;
	font-weight:bold!important;
	border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
	border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
margin: 0px  !important;
	
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab>a {
  	font-family: "BiNeoIndustrialRegular";
border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
	border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-color: #00C1D4 !important;
    background-color: #00C1D4 !important;
    color: #003865 !important;
	margin: 10px 10px 10px 0px !important;

}
.vc_tta.vc_general .vc_tta-tab>a {
    padding: 15px 80px !important;
 
}
.vc_tta.vc_tta-style-modern .vc_tta-panel-body,.vc_tta.vc_tta-style-modern .vc_tta-panel-heading,.vc_tta.vc_tta-style-modern .vc_tta-tab>a {

    background-image: none !important;
    
}
 .vc_tta-color-grey.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels {
      background-color: #e5f9fb00 !important;
    }
   .vc_tta-color-grey.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels,.vc_tta-color-grey.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::after,.vc_tta-color-grey.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::before {
        border-color: #e5f9fb00 !important;
    }
.vc_tta.vc_general .vc_tta-panel-body {
  
    padding: 40px 40px !important;
   
}
.tab-inicio {
	background-color: #e5f9fb!important;
	position: relative;
	z-index:1;
    margin-top: 0;
	border-top-right-radius:15px !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius:15px !important;
    border-top-left-radius: 0px !important;
}
.tab-medio {
	background-color: #e5f9fb!important;
	position: relative;
	z-index:1;
    margin-top: 0;
	border-top-right-radius:15px !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius:15px !important;
    border-top-left-radius: 15px !important;
}
.tab-final{
	background-color: #e5f9fb!important;
	position: relative;
	z-index:1;
    margin-top: 0;
	border-top-right-radius:15px !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius:15px !important;
    border-top-left-radius: 10px !important;
}
.btn-tabs .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
   background: #003865 !important;
   color: #fff !important;
   padding: 10px 35px !important;
   border-radius: 10px !important;
   border: 2px solid #003865 !important;
   margin: 0px 50px;
   width: 90%;
}
.btn-tabs .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
   border: 2px solid #00C1D4 !important;
    background: #FDFDFD !important;
    color: #003865 !important;
 
	box-shadow: var(--ElevacionesNeutraPosicinXyY) var(--ElevacionesNeutraPosicinXyY) var(--ElevacionesBlur) 0px #0000003D !important;

}

/**Tab Responsive**/

@media (max-width: 480px) {
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
    border-color: #f0f0f000 !important;
    background-color: #f8f8f800 !important;
    margin: 10px 0px !important;
}

.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
font-family: "BiNeoIndustrialRegular"!important;
	
    color: #003865 !important;
	border-color: #00C1D4!important;
	background-color: #00C1D4!important;
	border-radius: 10px !important;
}

.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {
font-family: "BiNeoIndustrialBold" , sans-serif;
	
    color: #003865 !important;
	border-color: #e5f9fb !important;
	background-color: #e5f9fb !important;
border-radius: 10px !important;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
    background-color: #f8f8f800 !important;
}
.btn-tabs .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern
 {
   padding: 10px 15px !important;  
  margin: 0px 0px !important;
    width: 100% !important;
}
.tab-inicio {
	border-top-right-radius:15px !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius:15px !important;
    border-top-left-radius: 15px !important;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body,.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after,.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before {
    border-color: #f0f0f000 !important;
}

}

/** Tab-Junta directiva**/
.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
    border-color: #00C1D4 !important;
    background-color: #00C1D4 !important;
    padding: 20px 40px !important;
}


/** Texto**/
.vc_tta-panel-heading{
	border-radius: 16px !important;
}
.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
    color: #003865 !important;
	font-family: "BiNeoIndustrialBold" , sans-serif;
	font-size: 27px !important;

}
.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #E5F9FB !important;
    background-color: #E5F9FB !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom: 1px solid #003865 !important;
}
.columnas-nombres {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px; /* espacio entre columnas y filas */
  background-color: #eaf6f8; /* Color de fondo similar */
  padding: 20px;
  font-family: sans-serif;
}
.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body,.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after,.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before {
    border-color: #003865 !important;
	border-width: 1.4px !important;
	border-bottom: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom-left-radius: 16px !important;
	border-bottom-right-radius: 16px !important;
}
.vc_tta-color-white p {
text-align: center !important;
    font-size: 16px !important;
    line-height: 4rem !important;
	margin: 20px 0px 0px 0px !important;
}
.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
    background-color: #E5F9FB !important;
}

.tab-directiva-text .wpb_text_column{
	margin-bottom: 0px !important;
}

.tab-secretario .vc_tta-tabs-container {
	margin: 0px !important;	
}
.tab-secretario  .vc_tta-tabs-list {
    list-style-type: none;
    display: flex !important;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {
  
      color: #003865 !important;
		  font-family: "BiNeoIndustrialBold"  !important;
	
}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a {
   
      color: #003865 !important;
		  font-family: "BiNeoIndustrialBold"  !important;
font-size: 25px !important;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    background-color: #FFF8E8 !important;

    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    height: 9.3rem;
    margin-bottom: 0px !important;
padding: 30px 5px !important;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a {
    background-color: #FFB81D !important;
    color: #003865 !important;
	font-family: "BiNeoIndustrialBold" , sans-serif !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    padding: 30px 5px !important;
	margin-bottom:15px !important;
}
.tab-secretario .vc_tta-tab {

    width: 100% !important;
}

.vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
        border-color: #FFF8E8 !important;
        background-color: #FFF8E8 !important;
    }
@media (max-width: 480px) {
	.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
   
    font-size: 18px !important;
}
	.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {

    padding: 0px 0px !important;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
  
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;

}
	.vc_tta.vc_tta-spacing-20 .vc_tta-panel.vc_active .vc_tta-panel-heading,.vc_tta.vc_tta-spacing-20 .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {
    margin-bottom: 0px !important;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
  font-family: "BiNeoIndustrialRegular"!important;
	
    color: #003865 !important;
	border-color: #FFF8E8!important;
	background-color: #FFF8E8!important; 
	border-radius: 10px !important;
}


.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {
font-family: "BiNeoIndustrialBold" , sans-serif;
	
    color: #003865 !important;
	border-color: #e5f9fb !important;
	background-color: #e5f9fb !important;
border-radius: 10px !important;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
    background-color: #f8f8f800 !important;
}
.btn-tabs .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern
 {
   padding: 10px 15px !important;  
  margin: 0px 0px !important;
    width: 100% !important;
}
.tab-inicio {
	border-top-right-radius:15px !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius:15px !important;
    border-top-left-radius: 15px !important;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body,.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after,.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before {
    border-color: #f0f0f000 !important;
}
	.carousel-item {

  width: 100% !important;
 
}
}

/** Card Home**/
.contenedor-img-home > .vc_column-inner:first-child {
	padding-left: 0px;
}
.card-img .vc_column-inner {
	padding: 0px;
}
.card-home1{
	cursor: pointer;
    background: #FFB81D;
    border-radius: 10px;
	margin: 0px;
}

.card-home1 .vc_column-inner {
	display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
}
 .card-home1 h1 {
	margin-bottom: 20px
} 
.card-home1:hover{
	background: #FFEABB !important;
}
.card-home1 .vc_single_image-wrapper {
  overflow: hidden;
  position: relative;  /* Asegura el contexto para el zoom */
}
.card-home1 .vc_single_image-wrapper img {
	margin-top: 15px;
  transition: transform 0.5s ease;
	width: 80% !important;
	margin-left:10px;
}
.card-home1:hover .vc_single_image-wrapper img {
  transform: scale(1.1);  /* Ajusta el nivel de zoom */
}
.card-home2{
	cursor: pointer;
    background: #33CDDD;
    border-radius: 10px;
	margin: 0px;
}
.card-home2 .vc_column-inner {
	display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
}
 .card-home2 h1 {
	margin-bottom: 20px;
	 font-size: 24px;
} 
.card-home2:hover{
    background: #80E0E9;
}
.card-home2 .vc_single_image-wrapper {
  overflow: hidden;
  position: relative;  /* Asegura el contexto para el zoom */
}
.card-home2 .vc_single_image-wrapper img {
	margin-top: 15px;
  transition: transform 0.5s ease;
	width: 80% !important;
	margin-left:10px;
}
.card-home2:hover .vc_single_image-wrapper img {
  transform: scale(1.1);  /* Ajusta el nivel de zoom */
}

.card-home3{
	cursor: pointer;
	background: #003865;
	border-radius: 10px;
	margin: 10px 0px 0px 0px;
}
.card-home3 .vc_column-inner {
	display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
}
 .card-home3 h1 {
	margin-bottom: 20px;
		 font-size: 24px;
} 
.card-home3:hover{
    background: #336084;
}
.card-home3 .vc_single_image-wrapper {
  overflow: hidden;
  position: relative;  /* Asegura el contexto para el zoom */
}
.card-home3 .vc_single_image-wrapper img {
	margin-top: 15px;
  transition: transform 0.5s ease;
	width: 80% !important;
	margin-left:10px;
}
.card-home3:hover .vc_single_image-wrapper img {
  transform: scale(1.1);  /* Ajusta el nivel de zoom */
}
.contenedor-botones .wpb_wrapper{
	 display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}

.texto-card{
	font-size: 3.5rem !important;
}
/*** Cards-Perfil **/
.cards-perfil-1 {	
	display: flex;
    flex-direction: column;
}
.cards-perfil-1 .content-img {
  transition: opacity 0.6s ease;
  opacity: 1;
}

.cards-perfil-1:hover .content-img {
	height: 0px;
  opacity: 0;
		
}

.cards-perfil-1 .contenedor {
	background: #002D51;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	transition: background 0.5s ease, border-radius 0.5s ease;
}

.contenedor .vc_column-inner {
	display: flex;
	justify-content: center;
	height: 100px;
	align-items: center;
	transition: height 0.5s ease;
	padding: 0px;
}
.cards-perfil-1 .vc_col-sm-6 {
	width: 100% !important;
}
.content-img .vc_column-inner {
	padding: 0px !important;
}

.cards-perfil-1:hover .contenedor {
	background: #809BB2;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 50px;
	border-top-left-radius: 50px;
	border-top-right-radius: 0px;
	transform: translateY(-10px); 
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	height: 190px;
}




.cards-perfil-1:hover   .icon-cards {
	display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center;
	
}
.cards-perfil-1:hover  .icon-cards .bi-icons-w-container_text{
	background: #002D51;
    padding-left: 0px;
    border-radius: 10px;
    margin-top: 10px;
	
}
.cards-perfil-1:hover  .icon-cards  .bi-icons-w-heading {
	padding-left: 30px !important;
		padding-right: 30px !important;	
}
.cards-perfil-1:hover  .icon-cards .bi-icons {
	
	color: #003865 !important;
}
.icon-cards .bi-icons-w-container_text:hover{
	background: #FDFDFD !important; 
 
}
.icon-cards .bi-icons-w-container_text:hover .bi-icons-w-heading{
	color: #002D51 !important; 
}
/*** CARD PERFIL VARIANTE 2***/
.V2 .contenedor {
	background: #00C1D4;
	
}
.V2:hover .contenedor {
	background: #B2ECF2;
	
}
.V2:hover .icon-cards  h5 {
	color: #fff !important;
}
/*** CARD PERFIL VARIANTE 3***/
.V3 .contenedor {
	background: #FDD26E;
	
}
.V3:hover .contenedor {
	background: #FEE9B6;
	
}
.V3:hover .icon-cards  h5 {
	color: #fff !important;
}
/*** CARD PERFIL VARIANTE 4***/
.V4 .contenedor {
	background: #FFB81D;
	
}
.V4:hover .contenedor {
	background: #FFDB8E;
	
}
.V4:hover .icon-cards  h5 {
	color: #fff !important;
}
/* ====== ITEM INDIVIDUAL ====== */
.busqueda{
	width: 100% !important;
}
.carousel-item {
  flex: 0 0 auto;
  margin-right: 20px;
  position: relative;
  width: 30%;
  height: 320px; /* Mantén una altura fija */
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  transition: box-shadow 0.4s ease;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

.carousel-item:last-child {
  margin-right: 0;
}

.carousel-item:hover {
  text-align: left;
}





/* ====== IMAGEN CON ZOOM ====== */
.img-carrusel {
width: 100%;
  height: 50%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease, height 0.6s ease; /* Suaviza ambos */
}

.carousel-item:hover .img-carrusel {
  transform: scale(1.05);
  height: 35%;
}


/* ====== OVERLAY DEL TEXTO ====== */
.overlay-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 0 20px;
  transition: height 0.4s ease, background-color 0.4s ease-out;
  z-index: 2;
  height: 185px;
  overflow: hidden;
  text-align:left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}


.text-card{
	display:none;
}
.carousel-item:hover .overlay-content {
  height: 220px; /* Cambia solo el alto aquí */
  background: #003865;
}
.carousel-item:hover .text-card{
	display:block;
}
/* ====== TEXTOS ====== */
.carousel-item h3 {
  color: #003865;
  font-family: "BiNeoIndustrialBold" !important;
  padding: 10px 0px;
  margin: 10px 0px;
  font-size: 23px !important;
}

.carousel-item p {
  color: #003865;
  margin-top: 10px;
}

.carousel-item:hover p {
  color: #33CDDD;
}

.carousel-item:hover h3 {
  color: #FFB81D;
}

/* ====== BOTÓN DE LLAMADO A LA ACCIÓN ====== */
.btn-carrusel {
  margin-top: 20px;
  padding: 15px 20px;
  background-color: #FDFDFD;
  color: #002D51;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
	width: 100%;
    text-align: center;
border: 1px soild #002D51;

}

.carousel-item:hover .btn-carrusel {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.btn-carrusel:hover {
  background-color: #fff !important;
  color: #002D51 !important;
  border: 1px soild #00C1D4 !important;
}

.overlay-content a:hover{
	background-color:#00C1D4 !important;
  color: #002D51 !important;
  border: 1px soild #00C1D4 !important;
}

/*** CARDS BLOG***/
 /* ====== CARD INDIVIDUAL ====== */
.card-item {
    flex: 0 0 auto;
    margin-right: 20px;
    position: relative;
    width: 100%;
    height: 320px; /* Mantén una altura fija */
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    transition: box-shadow 0.4s ease;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  }
  
  .card-item:last-child {
    margin-right: 0;
  }
  
  .card-item:hover {
    text-align: left;
  }

  .card-item:hover .img-carrusel {
    transform: scale(1.05);
    height: 35%;
  }
  
  .card-item:hover .overlay-content {
    height: 220px; /* Cambia solo el alto aquí */
    background: #003865;
  }
  .card-item:hover .text-card{
      display:block;
  }
  /* ====== TEXTOS ====== */
  .card-item h3 {
    color: #003865;
    font-family: "BiNeoIndustrialBold" !important;
    padding: 10px 0px;
    margin: 10px 0px;
    font-size: 23px !important;
  }
  
  .card-item p {
    color: #003865;
    margin-top: 10px;
  }
  
  .card-item:hover p {
    color: #33CDDD;
  }
  
  .card-item:hover h3 {
    color: #FFB81D;
  }
  
  .card-item:hover .btn-carrusel {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  
  .btn-carrusel:hover {
    background-color: #fff !important;
    color: #002D51 !important;
    border: 1px soild #00C1D4 !important;
  }



/** VARIANTE 1 **/
.variante1 .overlay-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}

.variante1:hover .overlay-content {
  height: 100%; /* Cambia solo el alto aquí */
  background: #003865;
}
.variante1  h3 {
 font-size:20px;
}

.variante1:hover  p {
  color: #fff;
}

.variante1:hover  h3 {
  color: #00C1D4;
}
.btns-slider .wpb_wrapper{
	display: flex !important;
    justify-content: center !important;
}
.carrusel {
  display: flex;
  overflow: hidden;
  position: relative;
}

.cards-perfil-1 {
  box-sizing: border-box;
  transition: transform 0.5s ease;
}



/** VARIANTE 2 **/
.variante2 .overlay-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  background: #FFC64A;
}

.variante2:hover .overlay-content {
  height: 100%; /* Cambia solo el alto aquí */
  background: #003865 ;
}
.variante2  h3 {
 font-size:20px;
}

.variante2:hover  p {
  color: #fff;
}

.variante2:hover  h3 {
  color: #00C1D4;
}

.card-item-vertical {
  position: relative;
  display: flex;
  width: 100%;
  height: 320px;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Imagen visible al lado derecho */
.card-item-vertical .img-carrusel {
	margin-left:50%;
  width: 50%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  z-index: 1;
}

/* Overlay: visible en el 50% izquierdo al inicio */
.card-item-vertical .overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #33CDDD;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: width 0.6s ease, background-color 0.3s ease;
  color: #003865;
}

/* Al hacer hover: overlay ocupa el 100% */
.card-item-vertical:hover .overlay-content {
  width: 100%;
  background-color: #2D8C9E !important;
  color: white;
	   justify-content: space-evenly;;
}

/* Zoom en la imagen */
.card-item-vertical:hover .img-carrusel {
  transform: scale(1.05);
	
}
.card-item-vertical .btn-carrusel {
  padding: 15px 80px;
 
  width: auto;
 
}

.card-item-vertical:hover .btn-carrusel {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


/** VARIANTE 3 **/
.variante3 .overlay-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.variante3:hover .overlay-content {
  height: 100%; /* Cambia solo el alto aquí */
  background: #003865;
}
.variante3  h3 {
font-family: "BiNeoIndustrialBold" !important;
 font-size:20px;
 color: #003865;
}

.variante3:hover  p {
	  
  color: #fff;
}

.variante3:hover  h3 {
	  width: 50%;
  color: #FDFDFD;
}
/***Footer**/
.iconos-footer{
	margin-top: 20px;
}
.icon-footer{
	color: #fff;
    font-size: 30px;
}
.menu-footer{
	padding: 20px;
    border-radius: 0px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
}
.icono-contenedor .vc_single_image-wrapper {
	background: #00C1D4;
	padding: 35px 0px;
	border-radius: 0px;
	border-bottom-right-radius: 50px;
	border-top-left-radius: 50px;
	margin-right: 60px;
}
.icono-contenedor img{
	width: 65%
}
.inner_column .vc_column-inner {
	padding-top:0px !important;
}
.contenedor-menu{
    top: 1px;
    width: 80% !important;
    margin-left: -75px;
}
.menu-footer .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
    font-size: 13px !important;
}
.btn-mapas{
	cursor: pointer;
	margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
      height: 9rem;
}
.btn-mapas .wpb_wrapper{
	display: flex;
    align-items: center
}
.btn-mapas .wpb_wrapper p{
	display: none !important;

    margin-bottom: 0px;
}
.btn-mapas .wpb_wrapper h2{
		width: 50%;
    margin-bottom: 0px;
	    font-size: 22px;
}
.btn-mapas.inactivo{
	padding:30px 20px;
	    background: #FFB81D !important;
}
.btn-mapas.activo{
	    background: #00C1D4 !important;
}
.btn-mapas.activo p{
	display: block !important;
}
.contenedor-1,
.contenedor-2 {
  transition: width 0.5s ease;
}
/***Busador-resultados**/
#content.content-with-sidebar-right {
	width: 100% !important;
}
/* ====== RESPONSIVE ====== */
@media (max-width: 1200px) {
  
}

@media (max-width: 768px) {
	 .card-home1 h1 {
		font-size:27px !important;
	padding:10px;
} 
		 .card-home2 h1 {
	
		padding:10px;
} 
		 .card-home3 h1 {
	
		padding:10px;
} 
	.contenedor-img-home > .vc_column-inner:first-child

 {
    padding-left: 15px;
}
	.card-home3, .card-home2{
		    
    flex-wrap: nowrap !important;
	
	margin-top: 20px;
}
	.card-home2 .vc_single_image-wrapper img {

	width: 100% !important;
	 margin-left:0px;
}
	 .contenedor-1,
  .contenedor-2 {
    width: 100% !important;
  }
	.btn-mapas {
    height: auto;
}
	.btn-mapas .wpb_wrapper p{
	display: block !important;
	margin-bottom: 0px;
	font-size: 12px;
		width: 50%;
}
.btn-mapas.inactivo {
    padding: 10px 10px;
    background: #FFB81D !important;
	
}
.btn-mapas.activo {
    padding: 10px 10px;
     background: #00C1D4 !important;
}
.btn-mapas .wpb_wrapper h2{
		width: 50%;
		font-size: 16px;
	padding-right: 5px;
}
	/**Slider-contenedor**/
	.slider-container {
 
  border: 1px solid;
}
.tab {
 
  width: 100% !important;
 
}
.tab.active {
 
  width: 111% !important;

}

	.img-contendor{
		display:none
	}
	.slider-container {
  flex-direction: column;
}
	.texto-contenedor {

  width: 100% !important;
}
	.slider-content {
 background:#B2ECF2 !important;
}
.slide {

 color: #002D51 !important;
    
}
	.btn-yellow {
  background-color: #002D51 !important;

  color: #FDFDFD !important;

}
	.texto-card{
		padding-top: 10px!important;;
   
    text-align: center !important;
}
	
/***Footer**/
	.contenedor-menu
 {
    width: 100% !important;
    margin: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
	.contenedor-menu>.vc_column-inner {
			width: 33rem;
			position: relative;
			top: 61px;
			z-index: 1;
	}
	.menu-footer{
	padding: 20px;
	border-radius: 0px;

	border-top-left-radius: 0px;
	border-top-left-radius: 50px;
}
.icono-contenedor .vc_single_image-wrapper {
	margin-right: 0px; 
}
	.inner_column .vc_column-inner {
		padding: 0px !important;
	}
.icono-contenedor .vc_single_image-wrapper {
	margin-right: 0px;
	position: relative;
	top: 6rem;
	border-radius: 0px;
	border-bottom-right-radius: 50px;
	
}

}
/** Slider-Home Clases**/
.slider-container {
  display: flex;
  background-color: #022E52;
  border-radius: 12px;
  overflow: hidden;
  color: white;
}

.slider-tabs {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 15px;
  background-color: #022E52;
  justify-content: space-around;
}

.tab {
  background-color: #33CDDD;
  border: none;
  padding: 12px 20px;
  color: #002D51;
  font-weight: bold;
  cursor: pointer;
  border-radius: 8px;
  width: 222px;
  height: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-evenly;

  /* Transiciones suaves */
  transition: all 0.3s ease;
}

.tab a:hover {
  color: #002D51;
}

.icono-slider {
  font-size: 25px;
  display: none;
  transition: opacity 0.3s ease;
}

.tab.active {
  background-color: white;
  color: #003865;
  width: 250px;
  position: relative;
  left: -28px;
  transition: all 0.3s ease;
}

.tab.active .icono-slider {
  display: block;
  opacity: 1;
}

.slider-content {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
  overflow: hidden;
}

.slide {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: white;
    text-align: center;
    box-sizing: border-box;
}
.slide.active {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.slide p {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: bold;
}

.texto-contenedor {
  display: flex;
  padding: 20px 20px;
  width: 50%;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.slide img {
  max-width: 100%;
  object-fit: cover;
  margin: 0px;
}

.btn-yellow {
  background-color: #FFB81D;
  border: none;
  padding: 15px 30px;
  color: #002D51;
  border-radius: 8px;
  font-weight: bold;
  margin-top: 20px;
  cursor: pointer;
}
.btn-yellow:hover{
  background-color: #33CDDD !important;
	color: #002D51 !important;
  
}
.btn-yellow:active{
  color: #002D51 !important;
  
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* Tus estilos aquí */
	
/*** Home cards**/
	.txs-5xl {
		font-size: 3rem !important;
	}
		 .card-home2 h1 {

	font-size: 18px;
} 
	 .card-home3 h1 {

	font-size: 18px;
} 
	.texto-card {
    font-size: 2.5rem !important;
}
		.btn-mapas{
	padding: 10px;
	
}
	
.boton-icono {
   padding: 4px 10px !important;
  
}
	h5 {
    font-size: 14px;
}
	.btn-mapas .wpb_wrapper h2 {
 
    font-size: 20px;
}
  .btn-mapas.activo p{
	display: block !important;
	font-size: 13px;
}
	.icono-contenedor img
 {
    padding: 30px;
    width: 330px;
}
	
}
/* Laptop pequeño (por ejemplo, 13") */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
/*** Home cards**/
	.txs-5xl {
		font-size: 3rem !important;
	}
		 .card-home2 h1 {

	font-size: 18px;
} 
	 .card-home3 h1 {

	font-size: 18px;
} 
	.texto-card {
    font-size: 2.5rem !important;
}
		.btn-mapas{
	padding: 10px;
	
}
	
.boton-icono {
   padding: 4px 10px !important;
  
}
	h5 {
    font-size: 14px;
}
	.btn-mapas .wpb_wrapper h2 {
 
    font-size: 20px;
}
  .btn-mapas.activo p{
	display: block !important;
	font-size: 13px;
}
	.icono-contenedor img
 {
    padding: 20px;
    width: 330px;
}
	.menu-footer .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
    font-size: 10px !important;
}
	.vc_col-has-fill>.vc_column-inner,.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 20px;
}
	.icono-contenedor .vc_single_image-wrapper {
	padding: 20px 0px;

}
}

/* Laptop mediano (por ejemplo, 14-15") */
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  /* Tus estilos aquí */
}

/* Laptop grande (por ejemplo, 16-17") */
@media screen and (min-width: 1440px) and (max-width: 1599px) {
  /* Tus estilos aquí */
}

/* Laptop extra grande (por ejemplo, 17"+ o resoluciones altas como 4K) */
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  /* Tus estilos aquí */
}



/* Resoluciones muy altas o pantallas externas grandes */
@media screen and (min-width: 1920px) {
  .menu-footer .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
    font-size: 16px !important;
}
}