/*
Theme Name: Hestia Child
Theme URI: https://campuspolitecnicoaceimar.com
Author: Joel y Harold
Author URI: https://campuspolitecnicoaceimar.com
Description: Ona Architecture is a sleek and sophisticated WordPress theme designed specifically for architects, interior designers, design studios, construction firms, and creative professionals in the built environment. This meticulously crafted block-based theme offers a clean, minimalist aesthetic that beautifully showcases architectural projects and portfolios. Winner of the prestigious Anyone Can WP design contest, Ona Architecture combines cutting-edge design with exceptional functionality. The theme features a responsive layout that seamlessly adapts to all devices, ensuring your architectural vision looks stunning on desktops, tablets, and smartphones.
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hestia-child
Tags: blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, block-patterns, block-styles, rtl-language-support, sticky-post, threaded-comments, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Template: hestia

Hestia WordPress Theme, Copyright (c) 2024 by DeoThemes.
Hestia is distributed under the terms of the GNU GPL.
*/
/*HEADER*/
/*ancho del submenu*/
.sub-menu{
	width:310px !important;
}

/*FOOTER*/
/*cambiar el hover del preguntas frecuentes*/
.contactos_footer_list span:hover{
	color:#e4b404 !important;
}

/***GENERAL DE LA PAGINA*****/
/*quitar el scroll horizontal*/
html, 
body {
  overflow-x: hidden !important;
}


/*OCULTA EL CONTENIDO QUE CONTENGA ESA CLASE*/
.seo_relleno_hidden{
	display:none !important;
}

/*******NOTICIAS**************/
/*Color del texto de las etiquetas en las noticias*/
.entry-tags a{
	color:black !important;
}
/*Color del texto de las categorias en las noticias*/
.entry-categories a{
	color:black !important;
}

/*Cambiar el tamaño del texto de los h2*/
.contenedor_principal_noticias_article h2{
	font-size:24px !important;
}

/*Cambiar el tamaño del texto de los h3*/
.contenedor_principal_noticias_article h3{
	font-size:20px !important;
}
/*******NOTICIAS**************/
/*****************CICLOS****************************************/
/*****************CICLOS****************************************/
/*****************CICLOS****************************************/
/*****************CICLOS-PRIMER-CONTENEDOR**************/
/*primer contendor principal*/
/*pading para el contenedor*/
.inicio_left_container{
    padding-left: 10%;
    padding-top: 5%;
}
/*tercer contenedor de iconos*/
/*margen para el icono*/
.icon_container_tres{
	margin-left:-5%;
}
/*primer texto de los iconos*/
.texto_icon_inicio_uno{
	padding-top:10%;
}

/*segundo y tercer texto de los iconos*/
.texto_icon_inicio{
	padding-top:10%;
	margin-left: -5%;
	
}
/*video del segundo contenedor*/
.video{
  margin-top: -50px !important;
}

/*Para tamaños de 1024 (tablets)*/
@media (max-width: 1024px){
	/*primer contendor principal*/
	.inicio_left_container{
    	padding-left: 5%;
    	padding-top: 5%;
	}
}

/*Para tamaños de 768 (móviles)*/
@media (max-width: 768px) {
	/*segundo y tercer texto de los iconos*/
	.texto_icon_inicio{
		padding-top:5%;
		padding-left:3%;
	}
	/*primer texto de los iconos*/
	.texto_icon_inicio_uno{
		padding-top:5%;
	}
	/*tercer contenedor de iconos*/
	/*margen para el icono*/
	.icon_container_tres{
		margin-left:0%;
	}
}
/*****************CICLOS-PRIMER-CONTENEDOR**************/

/*****************CICLOS-SEGUNDO-CONTENEDOR**************/
/*****************primer-contenedor-descripcion-ciclos****************/
/*contenedor princicpal*/
.description_rigth_container{
    padding-top:2% !important;
}

/*descripcion del ciclo*/
.texto_descripcion{
    padding-top:7% !important;
}

/*imagen de la descripcion*/
.img_description{
    padding-top: 10% !important;
	padding-right:15%;
}
/*****************primer-contenedor-descripcion-ciclos****************/
/*****************segundo-contenedor-salidas-profesionales****************/
/*tercera-fila-primer-lista*/
.profesionales_tres_uno{
	padding-left:0% !important;
}
/*primera fila*/
.profesionales_c1{
	padding-left:10%
}

/*segunda fila*/
.profesionales_c2{
	padding-left:10%
}

/*tercera fila l1*/
.profesionales_c3_l1{
	padding-left:30%;
}

/*tercera fila l2*/
.profesionales_c3_l2{
	padding-left:5%;
}

/*Para tamaños de 768 (móviles)*/
@media (max-width: 768px) {
	/*tercera fila l1*/
	.profesionales_c3_l1{
		padding-left:11%;
	}

	/*tercera fila l2*/
	.profesionales_c3_l2{
		padding-left:10%;
	}
}
/*****************segundo-contenedor-salidas-profesionales****************/
/*****************tercer-contenedor-salidas-profesionales****************/
/*contenedor principal*/
.learn_rigth_container{
    padding-right: 3%;

}
/*titulo*/
.descripcion_container{
	padding-top:0%;
}

/*elemento*/
#acc_uno{
    background-color:white !important;
    color: black !importante;
}
/*elemeto li*/
#acc_uno li{
    color: black;
}
/*elemento ul*/
#acc_uno ul{
    color: white;
}

/*elemento h3*/
#acc_uno h3{
	position: absolute !important;
 	width: 1px !important;
 	height: 1px !important;
 	padding: 0 !important;
 	margin: -1px !important;
 	overflow: hidden !important;
 	clip: rect(0 0 0 0) !important;
 	white-space: nowrap !important;
 	border: 0 !important;
}

/*desplegable de salidas profesionales*/
.lista{
	padding-left:5%;
	padding-right:3%;
}

/*titulo-elemento del desplegable*/
.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    font-size: 15px !important;
}
/*****************tercer-contenedor-salidas-profesionales****************/
/*****************CICLOS-SEGUNDO-CONTENEDOR**************/
/*****************CICLOS****************************************/
/*****************CICLOS****************************************/
/*****************CICLOS****************************************/



/*****************HOME****************************************/
/*****************HOME****************************************/
/*****************HOME****************************************/
/*****************HOME-PRIMER-COLNTENEDOR*********************/
/*contenedor interior del inicio*/
.home-contenedor {
padding-top:15%;
}

/*h2 del contenedor interior del inicio*/
.home-contenedor h2{
		font-size:25px !important;
	}
/*Para tamaños de 1024 (tablets)*/
@media (max-width: 1024px){
	/*contenedor interior del inicio*/
	.home-contenedor h2{
		font-size:20px !important;
	}
}
/*Para tamaños de 768 (móviles)*/
@media (max-width: 768px) {
	/*contenedor interior del inicio*/
	.home-contenedor{
		padding-top: 0%;
	}
	/*h2 del contenedor interior del inicio*/
	.home-contenedor h2{
		font-size:12px !important;
	}
}
/*****************HOME-SEGUNDO-CONTENEDOR*********************/
/*contenedor principal*/
.home-ciclos{
	padding-bottom: 100px;
}
/*contendor de las cartas*/
.contenedor-ciclos {
 	display: flex;
 	justify-content: space-between;
 	flex-wrap: wrap;
}
.contenedor-ciclos {
	padding-right: 100px;
	padding-left: 100px;
}

/*tarjeta flipbox*/
.tarjeta-ciclo {
  position: relative;
  flex: 1 1 calc(33.333% - 20px);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease;
  text-align: center;
}

/*titulo de la tarjeta y texto*/
.tarjeta-ciclo h3,
.tarjeta-ciclo p {
  position: relative;
  z-index: 2;
  margin: 10px 20px;
}
/*Para tamaños de 768 (móviles)*/
@media (max-width: 768px) {
	/*contendor de las cartas*/
  .contenedor-ciclos {
    flex-direction: column;
  }
	/*tarjeta flipbox*/
  .tarjeta-ciclo {
    flex: 1 1 100%;
	min-width: 170% !important;
	margin-left:-35% !important;
  }
}
/*******************HOME-SPONSORS**************************************/
/*imagenes a blanco y negro*/
.carrusel_sponsors img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

/*Color original al ponerte encima */
.carrusel_sponsors img:hover {
  filter: none;
  -webkit-filter: none;
}
/*******************HOME-SPONSORS**************************************/
/*****************HOME-COUNTER****************************************/
/*Para tamaños de 768 (móviles)*/
@media (max-width: 768px) {
	/*para que se pongan en columna de 2 los contadores*/
	[class*=jltma-col-] {
		width:50% !important;
	}
}
/*****************HOME-COUNTER****************************************/
/*****************HOME-INSTALACIONES**************************/
/*contenedor principal*/
.home-contenedor-instalaciones{
	padding-left: 10%;
	padding-right: 10%;
}

/*****************HOME****************************************/
/*****************HOME****************************************/
/*****************HOME****************************************/

/*****************CONTACTO****************************************/
/*****************CONTACTO****************************************/
/*****************CONTACTO****************************************/
/*****************CONTACTO-PRIMER-CONTENEDOR*********************/
/*TITULO DEL CONTENDOR (AFECTA A VARIAS PÁGINAS QUE CONTIENEN UN DUPLICADO DEL CONTENEDOR: TRABAJA CON NOSOTROS, NOTICIAS, PREGUNTAS FRECUENTES)*/
.titulo_contacta{
	padding-top:3%;
}
/*****************CONTACTO-PRIMER-CONTENEDOR*********************/
/*****************CONTACTO-SEGUNDO-CONTENEDOR*********************/
/*contenedor interno del formulario*/
.contenedor_intermedio_page_contacto{
	padding: 5% 20% 0 20% !important;
}

/*contendor de datos de contacto*/
.contacto_info #span_contacto{
	padding-top:10%;
	padding-left:5%;
}
/*contedores de direccion, telefono, email*/
.contactar{
	padding:0px;
	border-bottom: 1px solid #333 !important;
}
/*editor de texto de direccion, telefono, email*/
.datos_contacto_derecha_container h3{
	font-size: 18px !important;
}

/*titulo DATOS DE CONTACTO*/
#span_contacto h2{
	font-size: 25px !important;
}

/* Por defecto, el select (en estado “inválido”) va en gris */
.desplegable-form:invalid {
  color: #999 !important;
}

/*Hover para el boton de enviar*/
.wpcf7-submit.has-spinner:hover {
  opacity: 0.7 !important;
}
/*Para quitarle margen al contenedor de aceptacion de politicas de privacidad*/
.wpcf7-list-item{
	margin-top:-18px !important;
}
/*Para tamaños de 1024 (tablets)*/
@media (max-width: 1024px){
	/*contenedor interno del formulario*/
	.contenedor_intermedio_page_contacto{
	padding: 5% 10% 5% 10% !important;
	}
}
/*Para tamaños de 768 (móviles)*/
@media (max-width: 768px){
	/*contenedor interno del formulario*/
	.contenedor_intermedio_page_contacto{
	padding: 5% 5% 5% 5% !important;
	}
}

/*****************CONTACTO-SEGUNDO-CONTENEDOR*********************/
/*****************CONTACTO****************************************/
/*****************CONTACTO****************************************/
/*****************CONTACTO****************************************/

/*****************NOTICIAS****************************************/
/*****************NOTICIAS****************************************/
/*****************NOTICIAS****************************************/
/*editor de texto del NOTICIAS CPA*/
.titulo_noticia{
	padding: 5% 0% 0 9%;
}

/*contenedor principal de las noticias*/
.noticas_contenedor_page{
	padding: 5% 10% 0 10% !important; 
}
/*Tamaño de letra del NOTICIAS CPA*/
.titulo_noticia h1{
	font-size:30px;
}
/*Poner a la misma altura la linea vertical y el NOTICIAS CPA*/
.titulo_noticia .elementor-heading-title.elementor-size-default {
  position: relative;
	padding-left: 1.25rem;
}

/*Línea vertical a la izquierda */
.titulo_noticia .elementor-heading-title.elementor-size-default::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;    
  height: 2.5em;             
  background-color: #000;
}
/*Ocultar el autor*/
.blog-post .section-text .author.meta-in-content {
	visibility:hidden !important;
}

.contenedor_principal_noticias_article{
	margin-top:-100px;
}

/*****************NOTICIAS****************************************/
/*****************NOTICIAS****************************************/
/*****************NOTICIAS****************************************/

/*****************TRABAJA CON NOSOTROS****************************************/
/*****************TRABAJA CON NOSOTROS****************************************/
/*****************TRABAJA CON NOSOTROS****************************************/
/*Contenedor intermedio del contendor FORMULARIO*/
.contenedor_formulario_trabaja{
	padding: 5% 25% 5% 25% !important;
}

/*Aseguramos que el contenedor reparta bien el espacio */
/*contenedor principal de las vacantes*/
.contenedor_vacantes {
	padding: 0% 10% 5% 10%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

/*Damos a cada card un tamaño mínimo/óptimo */
.contenedor_vacantes .vacante_card {
  flex: 1 1 220px;
  max-width: 300px;
  min-height: 260px;
  padding: 16px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  background: #f9f9f9;
}

/*Texto de la carta de vacante*/
.vacante_card p{
	font-size:20px;
}
/*Para tamaños de 1024 (tablets)*/
@media (max-width: 1024px){
	/*Contenedor intermedio del contendor FORMULARIO*/
	.contenedor_formulario_trabaja{
	padding: 5% 10% 5% 10% !important;
	}
}
/*Para tamaños de 768 (móviles)*/
@media (max-width: 768px){
	/*Contenedor intermedio del contendor FORMULARIO*/
	.contenedor_formulario_trabaja{
	padding: 5% 5% 5% 5% !important;
	}
}

/*****************TRABAJA CON NOSOTROS****************************************/
/*****************TRABAJA CON NOSOTROS****************************************/
/*****************TRABAJA CON NOSOTROS****************************************/
.instalaciones-page-contenedor{
	padding: 5% 10% 5% 10%;
}

/*SOLCUION AL PADDING QUE SE CREABA AL INICIO DE LA PAGINA*/
.aceimarSection{
	padding-top: 0 !important;
}

.navbar-default .navbar-nav > li > a {
    color: black !important;
}

/*FORM*/
.form-group input[type=file] {
	background:#E2E2E2;
}

/*Solucion al problema de que no ocupe el ancho completo en estas resoluciones especificas*/
@media (max-width: 1024px){
	.container{
		max-width:100% !important;
	}
}
@media (max-width: 992px){
	.container{
		max-width:100% !important;
	}
}
@media (min-width: 768px){
	.container{
		width:100% !important;
	}
	
}