#masthead{
		background:rgba(0, 53, 91, .2);
}
body.transparent.header-sticky #masthead-sticky-wrapper.is-sticky #masthead .header-bottom #site-navigation ul li.current-flash-item a, #site-navigation ul li.current-flash-item a{
		color:#00355B
}
body.transparent.header-sticky #masthead-sticky-wrapper #masthead .header-bottom #site-navigation ul li:hover > a, body.transparent #masthead .header-bottom #site-navigation ul li:hover .sub-toggle {
		color:#2889CA
}
.cajatestimonios{
		background:none;
		border:none;
		height:300px;
		align-items:middle;
}
.cajatestimonios p{
		text-align:justify;
		color:white;
		align-items:center middle;
		font-weight:400
}
.cajatestimonios img{
		border-radius:50%;
		align: right
}
.wpmtst-testimonial-inner{
		border:#fff solid thin;
		height:300px;
		text-align:justify;
}
.testimonial-inner{
		border:none;
		text-align:justify;
}
.testimonial-name{
		text-align:right;
		padding-top:20px;
		color:white;
		font-style: italic;
		font-size:1.5rem
}
#s1 .widget-title, #s2 .widget-title{
		font-size:2rem
}
details > summary {
    /* Elimina el triángulo/marcador nativo en la mayoría de los navegadores */
    list-style: none;
    list-style-type: none;
    cursor: pointer;
}

/* Para Safari/Chrome (basados en WebKit) */
details > summary::-webkit-details-marker {
    display: none;
}

/* 2. Estilo del Summary (Resaltar y Flexbox para Icono) */
summary {
    background-color: #f0f0f0; /* Color de fondo para resaltar */
    color: #333;
    padding: 10px 15px;
    margin-bottom: 5px;
    border-radius: 4px;
    font-weight: bold; /* Resaltar el summary */
    display: flex; /* Para posicionar el icono y el texto */
    align-items: center;
}

/* 3. Icono: Chevron Right por defecto (cerrado) */
summary::before {
    content: "\f285"; /* Unicode de bi-chevron-right */
    font-family: "bootstrap-icons";
    font-weight: 900;
    margin-right: 10px;
    font-size: 1.1em;
    transition: transform 0.2s; /* Animación de rotación */
}

/* 4. Icono: Chevron Down cuando está abierto */
details[open] > summary::before {
    /* Clases de Bootstrap Icons, Chevron Down: se simula rotando el Right */
    transform: rotate(90deg);
}

/* 5. Estilo del Contenido */
.contenido {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 10px;
    border-radius: 0 0 4px 4px;
    /* Justificar el contenido */
    text-align: justify;
}
#formulario label{
		color:#66696d;
		line-height:1;
		font-weight:400
}
#formulario input, #formulario textarea{
		background:transparent;
		outline:none;
		border:none;
		margin-bottom:2px;
		border-bottom:#464E59 solid thin
}
#formulario textarea{
		height:50px
}

#formulario input:focus, #formulario textarea:focus{
		border-bottom:#2889CA solid thin
}

#formulario input[type="submit"]{
		border:#2889CA solid thin;
		width:150px;
		margin:calc(100%-150px);
}
#formulario input[type="submit"]:hover{
		background:#2889CA;
		border:#fff solid thin;
		width:150px;
		margin:calc(100%-150px);
}


#videoIntro{
		height:75vh
}
#lema .widget-title{
		font-size:4rem
}
#lema .textwidget{
		font-size:1.8rem
}
#protegiendo .widget-title{
		border-radius:30px;
		padding:50px 20px
}
#slider .slider-arrow .swiper-button-next, #slider .slider-arrow .swiper-button-prev{
		height:0;
		width:0;
		display:none
}
.cajaSoluciones1,.cajaSoluciones2,.cajaSoluciones3{
		padding:40px 20px;	
}
.cajaSoluciones1{
		border-radius:0 0 0 30px;
		box-shadow:black 2px 2px 2px;
}
.cajaSoluciones2{
		box-shadow:black 0px 2px 2px;
}
.cajaSoluciones3{
		border-radius:0 0 30px 0;
		box-shadow:black -2px 2px 2px;
}
.cajaSoluciones1:hover{
		box-shadow:black 4px 4px 4px;
}
.cajaSoluciones2:hover{
		box-shadow:black 0px 4px 4px;
}
.cajaSoluciones3:hover{
		box-shadow:black -4px 4px 4px;
}
#ttServicios .section-description{
color:#2889CA;
font-size:2rem}

.testimonial-content{
		color:#999
}
.testimonial-img{
		width:150px
}

#testimonios .tg-testimonial-widget .testimonial-pager{
display:none;
}
#testimonios .testimonial-content{
		color:#999999
}
#testimonios .client-detail-block h3{
		color:white
}
#testimonios .client-detail-block h4{
		color:#2889CA;
}
/*  .testimonial-pager .swiper-pagination-clickable .swiper-pagination-bullets*/


/*------------------------------------------------------- OVERLAYS */
	.modal {
			max-height: 750px;
  		overflow-y: auto;
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -40%);
			opacity: 0;
			filter: blur(10px);
			transition: opacity 0.6s ease, filter 0.6s ease, transform 0.6s ease;
			background: #00355B;
			color:white;
			padding: 20px;
			z-index: 8001;
			pointer-events: none;
			width: 750px;
			height: 850px;
			max-width: 750px;
			text-align: justify;
			border: none;
			overflow-x:hidden;
			overflow-y:hidden;
			}
.modal a{
		color:#2889CA
}
.modal label{
	color:white;
	font-family:"Poppins";
		font-weight:400
}
/* Visible: animación de entrada */
	.modal.visible {
		opacity: 1;
		filter: blur(0);
		transform: translate(-50%, -50%);
		pointer-events: auto;
			overflow-y:auto;
		}
/* Overlay oscuro */
		#overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100vw;
				height: 100vh;
				background: rgba(28, 34, 76, 0.6);
				opacity: 0;
				color:white;
				pointer-events: none;
				transition: opacity 0.4s ease;
				z-index: 5001;
		}
		#overlay.active {
				opacity: 1;
				pointer-events: auto;
		}
/* Botón cerrar */
		.cerrar {
				position: fixed;
				top: 0;
				right: 0;
				background: none;
				border: none;
				font-size: 2rem;
				cursor: pointer;
				color:#2889CA;
		}


/* Para la bandera de español */
#menu-item-1217-en img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 11px !important;
    /* Asegúrate de que no haya margen negativo o padding extraño */
    margin: 0 !important;
    padding: 0 !important;
}

/* Si tienes más idiomas, necesitarás sus IDs. 
   Por ejemplo, si la bandera de inglés fuera menu-item-1218-es: */
#menu-item-1218-es img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* También podemos apuntar a las imágenes de bandera en general,
   lo cual es útil si los IDs de los elementos de menú varían o son dinámicos. */
.lang-item img { /* Clase común que Polylang añade al LI de idioma */
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
}


#contactformen, .widget-contacto-en {
    display: none;
}
#tten, .widget-contacto-en {
    display: none;
}
#contactform, .widget-contacto-es {
    display: none;
}
#ttes, .widget-contacto-es {
    display: none;
}

/* Mostrar la fila/widget correspondiente al idioma actual */
body.lang-es #contactform,
body.lang-es .widget-contacto-es {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}
body.lang-en #contactformen,
body.lang-en .widget-contacto-en {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}


body.lang-es #ttes,
body.lang-es .widget-contacto-es {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}
body.lang-en #tten,
body.lang-en .widget-contacto-en {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}