/*
Theme Name:  eltomate-theme
Description: Tema hijo para hacer personalizaciones de código
Author:      Webempresa
Author URL:  https://macanudo.pe/
Template:    hello-elementor
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eltomate-theme
*/


/* PARA LOS TÍTULOS, SOLO ACEPTA 500 Y 600 */
@font-face {
  font-family: 'Catchy Mager';
  src: url('assets/fonts/catchy-mager.woff2') format('woff2');
  font-style: normal;
}
@media (min-width:790px){
	.section.section.section.section.section.section{
		min-height: 90vh;
	}
}
@media (max-width:789px){
	.h2.h2 h2{
		font-size: 2rem;
	}
	.h4.h4 h4{
		font-size: 3rem;
	}
	.section.section.section.section.section.section{
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
.section.section.section.section.section{
	padding-top: 80px;
	padding-bottom: 80px;
}
.h3 h3{
	font-family: "Montserrat", Sans-serif !important;
	font-size: 24px;
    margin: 0;
}
.h2 h2{
	font-family: 'Catchy Mager', sans-serif !important;
	font-size: 3rem;
    margin: 0;
}
.h4 h4{
	font-family: 'Catchy Mager', sans-serif !important;
	font-size: 4rem;
    margin: 0;
}
.txt-center.txt-center.txt-center.txt-center.txt-center{
	text-align: center !important;
}
.h100{
	height: 100% !important;
}

/* =================================================== HOME */


/* -------------- Sección Banner */
#banner {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 160px !important;
/* 	min-height: 60vh; */
}
#banner .h3 h3{
	color: #c1191b !important;
    letter-spacing: 16px;
    font-weight: 400 !important;
	padding-bottom: 16px;
}
#banner .img-ban::before{
	content:"";
	position:absolute;
	inset:0;
	background: rgba(0,0,0,.25);   /* intensidad */	
	z-index:1;
}
#banner .img-ban{
	overflow: hidden;
}

#banner .img-ban img{
	width: 100%;
	animation: zoom-in-zoom-out 32s ease-out infinite;
}


@keyframes zoom-in-zoom-out{
	0% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}

#banner .img-ban::after{
	content:"";
	position: absolute;
	inset:0;
	background: url("../../uploads/2026/01/logo-eltomate-de-cieneguilla.webp") center/340px no-repeat; /* tamaño */
	pointer-events:none;
	z-index: 2;
}
@media (max-width: 768px){
	#banner .img-ban::after{
		background: url("../../uploads/2026/01/logo-eltomate-de-cieneguilla.webp") center/240px no-repeat; /* tamaño */
	}
	#banner .img-ban{
		height: 300px;
	}
	#banner .img-ban img {
		width: 100%;
		height: 100%;
		object-position: center;
		object-fit: cover;
	}
	#banner#banner{
		min-height: 90vh;
	}
	#banner#banner .h3 h3{
		letter-spacing: 10px;
	}
}
#banner .btn-ban {
	letter-spacing: 4px;
	font-size: 18px;
	padding: 10px 36px;
	margin-top: 36px;
}
#banner .btn-ban a{
	position: relative;
}
#banner .btn-ban a:hover::before,
#banner .btn-ban a:hover::after{
	border: 2px solid #C1191B;
	content: "";
    position: absolute;
    inset: -3px;
    border-radius: inherit;
    animation: pulseOut 3s ease-out infinite;
    opacity: 0;
}
#banner .btn-ban a:hover::after {
    animation-delay: 1.5s;
}
@keyframes pulseOut{
	0% {
		transform: scale(1);
		opacity: .5;
	}
	100% {
		transform: scale(1.3);
		opacity: 0;
	}
}

/* -------------- Sección Historia */
@media (min-width:789px){
	#history .elementor-widget-text-editor, #history .h2{
		padding-inline: 25px;
	}
}
#history .h2{
	margin-bottom: 35px;
}
#history .h-logo{
	padding-top: 40px;
	padding-bottom: 30px;
}
/* -------------- Sección Premios */
#premio .elementor-widget-image{
	position: relative;
	overflow: hidden;
}
#premio .elementor-widget-image::after{
	content: "";
	position: absolute;
	top: -50%;
	left: -75%;
	width: 20%;
	height: 200%;
	background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 20%) 45%, rgba(255, 255, 255, 0.25) 50%, rgb(255 255 255 / 20%) 55%, rgba(255, 255, 255, 0) 100%);
	transform: rotate(25deg);
	transition: all 1.5s ease;
	pointer-events: none;
}
#premio .elementor-widget-image:hover::after{
	left: 130%;
}

/* -------------- Sección Servicios */
@media (max-width:789px){
	#celebra#celebra .c-r-r .elementor-widget-image,
	#servicios#servicios .s-pics-l .elementor-widget-image{
		flex: 1;
	}
}
#servicios .btn-dark{
	text-align: center;
}
#servicios .btn-dark a, #lastNotices .btn-dark a{
	background-color: #52302e;
}
#servicios .btn-dark a:hover, #lastNotices .btn-dark a:hover{
	background-color: #c1191b;
}
#servicios ul{
	margin-bottom: 25px;
}
#servicios .s-pics, #servicios .s-pics-l{
	gap: 15px;
}
#servicios .s-pics-r .elementor-widget-image,
#servicios .s-pics-l .elementor-widget-image{
	height: 100%;
	position: relative;
	overflow: hidden;
}
#servicios .s-pics-r img,
#servicios .s-pics-l img{
	object-fit: cover;
	height: 100%;
	display: block;
	transition: transform 0.5s ease;
}
#servicios .s-pics-r .elementor-widget-image::after,
#servicios .s-pics-l .elementor-widget-image::after,
#celebra .elementor-widget-image::after{
	content: "";
	position: absolute;
	top: -50%;
	left: -95%;
	width: 50%;
	height: 200%;
	background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 40%) 45%, rgba(255, 255, 255, 0.35) 50%, rgb(255 255 255 / 23%) 55%, rgba(255, 255, 255, 0) 100%);
	transform: rotate(25deg);
	transition: all 0.9s ease;
	pointer-events: none;
}
#servicios .s-pics-r .elementor-widget-image:hover::after,
#servicios .s-pics-l .elementor-widget-image:hover::after,
#celebra .elementor-widget-image:hover::after{
	left: 130%;
}
#servicios .s-pics-r .elementor-widget-image:hover img,
#servicios .s-pics-l .elementor-widget-image:hover img,
#celebra .elementor-widget-image:hover img{
	transform: scale(1.05);
}


#servicios .services-container{
	padding-inline: 0;	
}
/* -------------- Sección Celebra */
#celebra{
	padding-top: 30px;
	padding-bottom: 30px;
}
#celebra .c-r-r .elementor-widget-image{
	height: 70%;
}
#celebra .c-box-desc{
	border: 2px solid #000;
	padding: 25px;
	height: 30%;
	display: table;
}
#celebra .c-box-desc p{
	text-align: center;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 1.2;
	font-weight: 700;
	display: table-cell;
	vertical-align: middle;
}
#celebra>div>div{
	padding-inline: 0;
}
#celebra .elementor-widget-image{
	position: relative;
	overflow: hidden;
}
#celebra .elementor-widget-image img{
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

/* -------------- Sección Galería */
@media (min-width:790px){
	#gallery .g-gallery, 
	#gallery .g-desc{
		padding-inline: 12%;
	}
}
@media (max-width:789px){
	#gallery#gallery .h2 h2 {
		font-size: 2.3rem;
	}
	#gallery .gallery{
		width: 100%;
	}
	#gallery .gallery figure{
		padding-right: 0px;
	}
}
#gallery .h2 h2{
	font-size: 3.3rem;
}
#gallery .g-gallery img{
	object-fit: cover;
	aspect-ratio: 9 / 12;
	transition: 500ms;
}
#gallery .g-gallery .gallery-icon{
	overflow: hidden;
}
#gallery .g-gallery img:hover{
	transform: scale(1.2);
}
/* -------------- Sección Galería */
.btn-testimony.btn-testimony.btn-testimony a{
	margin-top: 20px;
	border: 1px solid #fff;
	background-color: rgba(255, 255, 255, 0.1);
}
.btn-testimony.btn-testimony.btn-testimony a:hover{
	background-color: var( --e-global-color-accent );
	border: 1px solid var( --e-global-color-accent );
}


/* -------------- Sección Últimas noticias */
@media (max-width:789px){
	.lastNotices-title>div{
		flex: 1;
	}
	.lastNotices-title .elementor-widget-button{
		text-align: right;
	}
}

/* =================================================== Blog page */
	@media (max-width:789px){
		.site-post-blog .h1{
			font-size: 1.6rem;
		}
		.seccion-noticia.seccion-noticia{
			flex-direction: column-reverse;
		}
		.post-tags {
			padding: 25px 0px;
		}
		.class-contenido {
			padding-inline: 20px;
		}
		.seccion-noticia {
			padding: 50px 0px;
		}
	}
	@media (min-width:790px){
		.post-tags{
			padding: 40px 0px;
		}
		.class-contenido {
			padding-inline: 30px;
		}
		.seccion-noticia {
			padding: 70px 0px;
		}
	}
	.post-tags{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.post-tags a, .post-tags div{
		padding: 5px 10px;
		border: solid #C1191B 1px;
		color: #52302e;
		border-radius: 5px;
		margin: 5px;
		font-size: 14px;
	}
	.ultimas-noticias{
		padding: 50px 0;
		background-color: #F5FAFF;
	}
	.post-tags span {
		padding-right: 30px;
	}
	.title-social{
		padding: 20px 0px;
	}
	.nav-link{
		color: #000;
	}
	.nav-link::before{
		content: '';
		display: inline-block;
		width: 10px;           
		height: 1.5em;       
		background-color: #7a90ad;
		margin-right: 8px;   
		vertical-align: middle;

	}
	html {
		scroll-padding-top: 100px; 
		scroll-behavior: smooth;   
	}
	.nav-titles{
		position: sticky;
		top: 120px;
	}
	.post-date{
		text-align: right;
	}
	.class-contenido img{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.class-contenido .scrollspy-example-2 p{
		text-align: justify;
	}
	.class-contenido .scrollspy-example-2 a{
		color: #103A6F;
	}
	.social-icons {
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-top: 15px;
	}

	.site-post-blog .icon {
		width: 60px;
		height: 60px;
		background-color: #eee;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: background 0.3s;
	}

	.site-post-blog .icon svg {
		width: 24px;
		height: 24px;
		filter: grayscale(100%);
		opacity: 0.6;
		transition: filter 0.3s, opacity 0.3s;
	}

	.site-post-blog .icon:hover {
		background-color: #ccc;
	}

	.site-post-blog .icon:hover svg {
		filter: grayscale(0%);
		opacity: 1;
	}
	.site-post-blog .copy-link:hover .tooltip{
		background-color: #323c48;
		color: #ffffff;
	}
	.nav-link.active::before {
		background-color: #fff;
	}
	.scrollspy-example-2 h3{
		font-size: 1.5rem;
	}
	.copy-link{
		position: relative;
		cursor: pointer;
	}
	.copy-link .tooltip {
		position: absolute;
		top: 0;
		line-height: 1.5;
		font-size: 14px;
		background-color: #ffffff;
		color: #ffffff;
		padding: 5px 8px;
		border-radius: 5px;
		box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
		opacity: 0;
		pointer-events: none;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		white-space: nowrap;
	}
	.copy-link .tooltip::before {
		position: absolute;
		content: "";
		height: 8px;
		width: 8px;
		background-color: #ffffff;
		bottom: -3px;
		left: 50%;
		transform: translate(-50%) rotate(45deg);
		transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
	.copy-link:hover .tooltip {
		top: -45px;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.copy-link:hover .tooltip,
	.copy-link:hover .tooltip::before {
		background-color: var(--main-color);
		color: #ffffff;
	}
	.site-post-blog {
		font-family: "Montserrat", Sans-serif !important;
		font-size: 16px;
	}
	.site-post-blog .banner-general{
		width: 100%;
		height: 70vh;
		display: flex;
		justify-content: center;
		position: relative;
	}
	.site-post-blog .banner-description{
		padding: 20px;
		margin: auto;
		width: 100%;
		max-width: 1140px;
		color: #ffffff;
	}
	.site-post-blog .banner-img{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.site-post-blog .banner-img img{
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center 25%;
	}
	.site-post-blog .banner-img::after{
		content: "";
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		position: absolute;
		background: linear-gradient(to right, rgb(24 42 61 / 28%) 0%, rgba(0, 0, 0, 0.25) 100%);
	}
.all-articles .pagination,
.all-testimonies .pagination{
	justify-content: center;
	gap: 10px;
	margin-top: 35px;
}
.all-articles .pagination a,
.all-testimonies .pagination a{
	color: #5d5d5d;
	font-family: "Montserrat", Sans-serif !important;
}
.all-articles .pagination a:hover,
.all-testimonies .pagination a:hover{
	text-decoration: underline;
}
.all-articles .pagination>span,
.all-testimonies .pagination>span{
	color: #52302e;
	font-weight: 800;
}

/* =================================================== Testimonios */
.testimonies .all-testimonies{
	font-family: "Montserrat", Sans-serif !important;
}
.testimonies .all-testimonies .testimony{
	position: relative;
	padding-top: 50px;
	margin-bottom: 60px;
	padding-inline: 20px;
}
.testimonies .all-testimonies .testimony:before{
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 379.51' fill='%2352302E'%3E%3Cpath d='M212.27 33.98C131.02 56.52 78.14 103.65 64.99 185.67c-3.58 22.32 1.42 5.46 16.55-5.86 49.4-36.96 146.53-23.88 160.01 60.56 27.12 149.48-159.79 175.36-215.11 92.8-12.87-19.19-21.39-41.59-24.46-66.19C-11.35 159.99 43.48 64.7 139.8 19.94c17.82-8.28 36.6-14.76 56.81-19.51 10.12-2.05 17.47 3.46 20.86 12.77 2.87 7.95 3.85 16.72-5.2 20.78zm267.78 0c-81.25 22.54-134.14 69.67-147.28 151.69-3.58 22.32 1.42 5.46 16.55-5.86 49.4-36.96 146.53-23.88 160 60.56 27.13 149.48-159.78 175.36-215.1 92.8-12.87-19.19-21.39-41.59-24.46-66.19C256.43 159.99 311.25 64.7 407.58 19.94 425.4 11.66 444.17 5.18 464.39.43c10.12-2.05 17.47 3.46 20.86 12.77 2.87 7.95 3.85 16.72-5.2 20.78z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.testimonies .all-testimonies .testimony .t-desc{
	color: #52302E;
	font-size: 14px;
	margin-top: 25px;
}
.testimonies .all-testimonies .testimony .t-client{
	position: relative;
	font-size: 14px;
	color: #52302E;
	margin-top: 35px;
    font-weight: 600;
}
.testimonies .all-testimonies .testimony .t-client:before{
	content: "";
	width: 15px;
	height: 2px;
	background: #52302E;
	position: absolute;
	top: -10px;
	left: 0;
}
/* .testimonies .all-testimonies .testimony .t-desc span::before{
	content: "«";
}
.testimonies .all-testimonies .testimony .t-desc span::after{
	content: "»";
} */
.testimonies .all-testimonies .testimony .t-pic{
	position: relative;
	overflow: hidden;
}
.testimonies .all-testimonies .testimony .t-pic img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100% !important;
	object-position: center;
	height: 250px !important;
	transition: transform 500ms;
}
.testimonies .all-testimonies .testimony:hover .t-pic img{
	transform: scale(1.05);
}
.testimonies .all-testimonies .testimony .t-pic:after{
	content: "";
	width: 100%;
	height: 100%;
	background: url(../../uploads/2026/02/marco-testimonio.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 500ms;
}
.testimonies .all-testimonies .testimony:hover .t-pic:after{
	opacity: 1;
}





@media(max-width:789px){
	#comments#comments .comment-list{
		grid-template-columns: auto;
	}
	#comments#comments nav .nav-next a{
		display: block;
		text-align: right;
	}
	#comments#comments nav .nav-previous a{
		display: block;
		text-align: left;
	}
	#commentform#commentform #attachment{
		width: 100%;
	}
}
#tesTitle{
	padding-bottom: 40px;
}
#comments .title-comments{
	display: none;
}
#comments .comment-list{
	display: grid;
/* 	grid-template-columns: auto auto auto; */
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
	row-gap: 40px;
	font-family: "Montserrat", Sans-serif !important;
}
#comments .comment-list.comment-list.comment-list article{
	padding-inline: 15px;
	border-block-end: none;
	flex-direction: column-reverse;
	position: relative;
	padding-top: 50px;
}
#comments .comment-list.comment-list.comment-list article:before{
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 15px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 379.51' fill='%2352302E'%3E%3Cpath d='M212.27 33.98C131.02 56.52 78.14 103.65 64.99 185.67c-3.58 22.32 1.42 5.46 16.55-5.86 49.4-36.96 146.53-23.88 160.01 60.56 27.12 149.48-159.79 175.36-215.11 92.8-12.87-19.19-21.39-41.59-24.46-66.19C-11.35 159.99 43.48 64.7 139.8 19.94c17.82-8.28 36.6-14.76 56.81-19.51 10.12-2.05 17.47 3.46 20.86 12.77 2.87 7.95 3.85 16.72-5.2 20.78zm267.78 0c-81.25 22.54-134.14 69.67-147.28 151.69-3.58 22.32 1.42 5.46 16.55-5.86 49.4-36.96 146.53-23.88 160 60.56 27.13 149.48-159.78 175.36-215.1 92.8-12.87-19.19-21.39-41.59-24.46-66.19C256.43 159.99 311.25 64.7 407.58 19.94 425.4 11.66 444.17 5.18 464.39.43c10.12-2.05 17.47 3.46 20.86 12.77 2.87 7.95 3.85 16.72-5.2 20.78z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#comments .comment-list.comment-list.comment-list article .comment-content{
	margin-bottom: 20px;
	display: flex;
    flex-direction: column-reverse;
	row-gap: 15px;
}
#comments .comment-list.comment-list.comment-list article .comment-content p::before{
	content: "«";
}
#comments .comment-list.comment-list.comment-list article .comment-content p::after{
	content: "»";
}
#comments .comment-list.comment-list.comment-list article .comment-content p.dco-attachment::before,
#comments .comment-list.comment-list.comment-list article .comment-content p.dco-attachment::after{
	content: "";
}
#comments .comment-list.comment-list.comment-list article .comment-content .dco-attachment{
	position: relative;
	overflow: hidden;
}
#comments .comment-list.comment-list.comment-list article .comment-content .dco-attachment img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100% !important;
	object-position: center;
	height: 250px !important;
	transition: transform 500ms;
}
#comments .comment-list.comment-list.comment-list article .comment-content:hover .dco-attachment img{
	transform: scale(1.05);
}
#comments .comment-list.comment-list.comment-list article .comment-content .dco-attachment:after{
	content: "";
	width: 100%;
	height: 100%;
	background: url(../../uploads/2026/02/marco-testimonio.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 500ms;
}
#comments .comment-list.comment-list.comment-list article .comment-content:hover .dco-attachment:after{
	opacity: 1;
}

#comments .comment-list.comment-list.comment-list article .comment-author .says,
#comments .comment-list.comment-list.comment-list article .comment-metadata{
	display: none;
}
#comments .comment-list.comment-list.comment-list article b{
	color: #52302E;
}
#comments .comment-list.comment-list.comment-list article footer{
	position: relative;
	flex-direction: column;
}
#comments .comment-list.comment-list.comment-list article footer .comment-awaiting-moderation{
	padding-top: 15px;
	font-size: 12px;
}
#comments .comment-list.comment-list.comment-list article footer:before{
	content: "";
	width: 15px;
	height: 2px;
	background: #52302E;
	position: absolute;
	top: -10px;
	left: 0;
}
#comments nav:first-of-type{
	display: none;
}
#comments nav .nav-next{
	margin-left: auto;
}
#comments nav .nav-previous{
	margin-right: auto;
}
#comments .nav-links{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 30px;
}
#comments nav .nav-next a,
#comments nav .nav-previous a{
/* 	text-decoration: none; */
	padding: 10px 15px;
/* 	border-radius: 3px; */
/* 	background-color: #52302e; */
	color: #52302e;
	font-weight: 600;
	border: none;
	font-size: 14px;
	font-family: "Montserrat", Sans-serif !important;
}
#comments nav .nav-next a:hover,
#comments nav .nav-previous a:hover{
	color: var( --e-global-color-accent );
}
#comments nav .nav-next a:after{
	content: "⟶";
}
#comments nav .nav-previous a:before{
	content: "⟵";
}


#respond{
	padding-top: 60px;
	margin-top: 60px;
	border-top: 2px solid #52302e26;
}
#reply-title{
	font-family: "Montserrat", Sans-serif !important;
	color: #52302E;
	font-size: 24px;
}
#commentform{
	font-family: "Montserrat", Sans-serif !important;
}
#commentform .comment-notes{
	color: #5d5d5d;
}
#commentform .form-submit{
	margin-top: 30px;
}
#commentform .form-submit #submit{
	background-color: #52302e;
	color: #fff;
	font-weight: 600;
	border: none;
	font-size: 14px;
}
#commentform .form-submit #submit:hover{
	background-color: var( --e-global-color-accent );
}