/*
=========================================================
MACETA Y CORTAFRÍO
MAIN.CSS
Versión: 0.2.0
=========================================================
*/

/*======================================================
ESPACIADO ENTRE SECCIONES
======================================================*/

.trust,
.services-preview,
.cta-final{

	padding:7rem 0;

}

/*======================================================
TRUST
======================================================*/

.trust{

	background:var(--surface);

}

.trust-card{

	background:#fff;

	padding:2rem;

	border-radius:var(--radius-md);

	box-shadow:var(--shadow-sm);

	border:1px solid var(--gray-200);

	text-align:center;

	height:100%;

}

.trust-card h3{

	margin-bottom:1rem;

}

/*======================================================
SERVICIOS
======================================================*/

.services-preview{

	background:#fff;

}

.service-card{

	display:flex;

	flex-direction:column;

	background:#fff;

	border-radius:var(--radius-md);

	border:1px solid var(--gray-200);

	overflow:hidden;

	text-decoration:none;

	color:inherit;

	transition:var(--transition);

}

.service-card:hover{

	transform:translateY(-6px);

	box-shadow:var(--shadow-md);

	border-color:var(--color-secondary);

}

.service-card__media{

	aspect-ratio:4/3;

	overflow:hidden;

	background:var(--gray-100);

}

.service-card__media img{

	width:100%;

	height:100%;

	object-fit:cover;

}

.service-card__body{

	padding:1.5rem;

}

.service-card__body h3{

	display:flex;

	align-items:center;

	gap:.6rem;

	font-size:1.15rem;

	margin-bottom:.5rem;

}

.service-card__icon{

	font-size:1.2rem;

}

.service-card__body p{

	font-size:.95rem;

	color:var(--text-light);

	margin:0;

}

/*======================================================
CTA FINAL
======================================================*/

.cta-final{

	background:

	linear-gradient(

	135deg,

	var(--color-primary),

	#2d3748

	);

	text-align:center;

}

.cta-final .button{

	margin-top:2rem;

}

/*======================================================
ANIMACIONES
======================================================*/

.fade-up{

	opacity:0;

	transform:translateY(40px);

	transition:

	opacity .7s ease,

	transform .7s ease;

}

.fade-up.visible{

	opacity:1;

	transform:none;

}

/*======================================================
UTILIDADES
======================================================*/

.shadow{

	box-shadow:var(--shadow-lg);

}

.rounded{

	border-radius:var(--radius-lg);

}

.bg-primary{

	background:var(--color-primary);

	color:#fff;

}

.bg-light{

	background:var(--gray-100);

}

.text-primary{

	color:var(--color-primary);

}

.text-secondary{

	color:var(--color-secondary);

}

/*======================================================
RESPONSIVE
======================================================*/

@media (max-width:1200px){

	/* Ver ajustes responsive de .hero-split junto a su definición, al final del archivo. */

}

@media (max-width:992px){

	.service-card{

		min-height:180px;

	}

}

@media (max-width:480px){

	h1{

		font-size:2.2rem;

	}

	h2{

		font-size:1.8rem;

	}

	.button{

		width:100%;

	}

}
/*======================================================
PÁGINA DE SERVICIO
======================================================*/

.service-hero{

	padding:6rem 0 4rem;

	background:var(--color-primary);

	color:#fff;

	text-align:center;

}

.service-hero__inner{

	max-width:760px;

	margin:0 auto;

}

.service-hero h1{

	color:#fff;

	margin-bottom:1rem;

}

.service-hero__subtitle{

	color:rgba(255,255,255,.85);

	font-size:1.15rem;

	margin-bottom:1.5rem;

}

.service-hero__meta{

	display:flex;

	justify-content:center;

	gap:.75rem;

	flex-wrap:wrap;

	margin-bottom:2rem;

}

.service-hero__actions{

	display:flex;

	justify-content:center;

	gap:1rem;

	flex-wrap:wrap;

}

.service-content{

	padding:5rem 0;

	max-width:800px;

	margin:0 auto;

}

.service-content .container{

	max-width:800px;

}

.related-services{

	padding:5rem 0;

	background:var(--surface);

}

.related-projects{

	padding:5rem 0;

}

.related-posts{

	padding:5rem 0;

	background:var(--surface);

}

/*======================================================
HERO (portada) — según boceto aprobado
======================================================*/

.hero-split{

	display:grid;

	grid-template-columns:1fr 1.1fr;

	min-height:640px;

}

.hero-split__panel{

	background:var(--color-dark);

	color:#fff;

	display:flex;

	flex-direction:column;

	justify-content:center;

	padding:4rem clamp(2rem,6vw,6rem);

}

.hero-split__eyebrow{

	color:var(--color-secondary);

	font-weight:var(--weight-semibold);

	text-transform:uppercase;

	letter-spacing:.06em;

	font-size:.85rem;

	max-width:380px;

	margin-bottom:1.5rem;

}

.hero-split__title{

	color:#fff;

	margin-bottom:1.5rem;

}

.hero-split__highlight{

	color:var(--color-secondary);

}

.hero-split__lead{

	color:rgba(255,255,255,.75);

	font-size:1.1rem;

	max-width:440px;

	margin-bottom:2.5rem;

}

.hero-split__actions{

	display:flex;

	flex-wrap:wrap;

	gap:1rem;

}

.hero-split__media{

	position:relative;

	min-height:340px;

}

.hero-split__media img{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

}

@media (max-width:992px){

	.hero-split{

		grid-template-columns:1fr;

	}

	.hero-split__media{

		min-height:320px;

		order:-1;

	}

}

/*======================================================
BARRA DE CONFIANZA (bajo el hero)
======================================================*/

.trust-bar{

	background:var(--color-dark-light);

	padding:1.75rem 0;

}

.trust-bar__grid{

	display:grid;

	grid-template-columns:repeat(5,1fr);

	gap:1.5rem;

}

.trust-bar__item{

	display:flex;

	align-items:center;

	gap:.85rem;

	color:#fff;

}

.trust-bar__icon{

	font-size:1.4rem;

	color:var(--color-secondary);

	flex-shrink:0;

}

.trust-bar__title{

	display:block;

	font-weight:var(--weight-semibold);

	font-size:.85rem;

	text-transform:uppercase;

	letter-spacing:.02em;

}

.trust-bar__text{

	display:block;

	font-size:.78rem;

	color:rgba(255,255,255,.65);

}

@media (max-width:992px){

	.trust-bar__grid{

		grid-template-columns:repeat(2,1fr);

	}

}

@media (max-width:480px){

	.trust-bar__grid{

		grid-template-columns:1fr;

	}

}

/*======================================================
BOTONES DORADOS (hero y CTAs principales)
======================================================*/

.button-gold,
.button-gold-outline,
.button-gold-pill{

	display:inline-flex;

	align-items:center;

	gap:.5rem;

	font-weight:var(--weight-semibold);

	text-decoration:none;

	transition:var(--transition-fast);

}

.button-gold{

	background:var(--color-secondary);

	color:var(--color-dark);

	padding:.9rem 1.75rem;

	border-radius:var(--radius-md);

}

.button-gold:hover{

	background:var(--color-secondary-dark);

}

.button-gold-outline{

	background:transparent;

	color:var(--color-secondary);

	padding:.9rem 1.75rem;

	border-radius:var(--radius-md);

	border:1px solid var(--color-secondary);

}

.button-gold-outline:hover{

	background:rgba(197,157,47,.1);

}

.button-gold-pill{

	background:var(--color-secondary);

	color:var(--color-dark);

	padding:.65rem 1.4rem;

	border-radius:var(--radius-pill);

	font-size:.9rem;

	white-space:nowrap;

}

.button-gold-pill:hover{

	background:var(--color-secondary-dark);

}

/*======================================================
LOGOTIPO DE TEXTO (header)
======================================================*/

.site-title{

	display:flex;

	align-items:center;

	gap:1rem;

	text-decoration:none;

}

.site-title__name{

	font-family:var(--font-primary);

	font-weight:var(--weight-bold);

	font-size:1.35rem;

	line-height:1.1;

	color:var(--heading-color);

	text-transform:uppercase;

}

.site-title__divider{

	width:1px;

	height:32px;

	background:var(--gray-300);

}

.site-title__tagline{

	font-size:.7rem;

	font-weight:var(--weight-semibold);

	text-transform:uppercase;

	letter-spacing:.03em;

	color:var(--color-secondary-dark);

	max-width:140px;

	line-height:1.3;

}

/*======================================================
DESPLEGABLE DE MENÚ (Servicios)
======================================================*/

.main-menu{

	display:flex;

	align-items:center;

	gap:2rem;

}

.main-menu li{

	position:relative;

}

.main-menu .sub-menu{

	display:none;

	position:absolute;

	top:100%;

	left:0;

	background:#fff;

	box-shadow:var(--shadow-md);

	border-radius:var(--radius-md);

	padding:.5rem 0;

	min-width:220px;

	z-index:var(--z-menu);

}

.main-menu li:hover > .sub-menu,

.main-menu li:focus-within > .sub-menu{

	display:block;

}

.main-menu .sub-menu li{

	width:100%;

}

.main-menu .sub-menu a{

	display:block;

	padding:.6rem 1.25rem;

	white-space:nowrap;

}

/*======================================================
NUESTRO COMPROMISO (antes: testimonios)
======================================================*/

.myc-testimonials{

	padding:7rem 0;

	background:#fafafa;

}

.commitments-grid{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:1.5rem;

	margin-top:3rem;

}

.commitment-card{

	background:#fff;

	padding:2rem;

	border-radius:var(--radius-md);

	border:1px solid var(--gray-200);

	text-align:center;

}

.commitment-card .icon-circle{

	margin-left:auto;

	margin-right:auto;

}

.commitment-card h3{

	font-size:1.05rem;

	margin-bottom:.5rem;

}

.commitment-card p{

	font-size:.9rem;

	color:var(--text-light);

	margin:0;

}

@media (max-width:992px){

	.commitments-grid{

		grid-template-columns:repeat(2,1fr);

	}

}

@media (max-width:600px){

	.commitments-grid{

		grid-template-columns:1fr;

	}

}

/*======================================================
PÁGINA NORMAL (page.php)
======================================================*/

.page-header{

	padding:3rem 0 2rem;

	text-align:center;

}

.page-content{

	padding-bottom:5rem;

	max-width:800px;

	margin:0 auto;
}

.page-content .container{

	max-width:800px;

}

/*======================================================
404
======================================================*/

.error-404-section{

	padding:6rem 0;

}

.error-404-section__inner{

	max-width:600px;

	margin:0 auto;

	text-align:center;

}

.error-404-section__code{

	font-size:5rem;

	font-weight:var(--weight-bold);

	color:var(--color-secondary);

	line-height:1;

	margin-bottom:1rem;

	font-family:var(--font-display);

}

.error-404-section__lead{

	color:var(--text-light);

	margin-bottom:2rem;

}

.error-404-section__links{

	list-style:none;

	padding:0;

	margin:0 0 2.5rem;

	display:flex;

	justify-content:center;

	gap:1.5rem;

	flex-wrap:wrap;

}

.error-404-section__links a{

	font-weight:var(--weight-semibold);

	text-decoration:underline;

}

.error-404-section__actions{

	display:flex;

	justify-content:center;

	gap:1rem;

	flex-wrap:wrap;

}

/*======================================================
CONTACTO
======================================================*/

.contact-hero{

	padding:4rem 0 3rem;

	text-align:center;

	background:var(--surface);

}

.contact-hero__lead{

	color:var(--text-light);

	font-size:1.1rem;

	max-width:560px;

	margin:0 auto;

}

.contact-main{

	padding:5rem 0;

}

.contact-main__grid{

	display:grid;

	grid-template-columns:1.4fr 1fr;

	gap:3rem;

	align-items:start;
}

.contact-info-card{

	background:#fff;

	border:1px solid var(--gray-200);

	border-radius:var(--radius-lg);

	padding:2rem;

	position:sticky;

	top:2rem;

}

.contact-info-card h2{

	font-size:1.3rem;

	margin-bottom:1.5rem;

}

.contact-info-list{

	list-style:none;

	margin:0 0 1.5rem;

	padding:0;

}

.contact-info-list li{

	display:flex;

	flex-direction:column;

	gap:.2rem;

	padding:.9rem 0;

	border-bottom:1px solid var(--gray-200);

}

.contact-info-list li:last-child{

	border-bottom:none;

}

.contact-info-list__label{

	font-size:.78rem;

	text-transform:uppercase;

	letter-spacing:.03em;

	color:var(--text-light);

}

.contact-map{

	padding:0 0 6rem;

}

.service-area-list{

	list-style:none;

	display:flex;

	flex-wrap:wrap;

	gap:.75rem;

	padding:0;

	margin:2rem 0;

}

.service-area-list li{

	background:var(--surface);

	border:1px solid var(--gray-200);

	border-radius:var(--radius-pill);

	padding:.5rem 1.1rem;

	font-size:.85rem;

	font-weight:var(--weight-semibold);

}

/*======================================================
FAQ
======================================================*/

.faq-block{

	padding:5rem 0;

	background:var(--surface);

}

.faq-block__list{

	max-width:760px;

	margin:0 auto;

}

.myc-faq-item{

	background:#fff;

	border:1px solid var(--gray-200);

	border-radius:var(--radius-md);

	padding:1.25rem 1.5rem;

	margin-bottom:1rem;

}

.myc-faq-item__question{

	cursor:pointer;

	font-weight:var(--weight-semibold);

	list-style:none;

}

.myc-faq-item__question::-webkit-details-marker{

	display:none;

}

.myc-faq-item__question::after{

	content:"+";

	float:right;

	color:var(--color-secondary);

	font-weight:var(--weight-bold);

}

.myc-faq-item[open] .myc-faq-item__question::after{

	content:"–";

}

.myc-faq-item__answer{

	margin-top:1rem;

	color:var(--text-light);

}

@media (max-width:900px){

	.contact-main__grid{

		grid-template-columns:1fr;

	}

	.contact-info-card{

		position:static;

	}

}

/*======================================================
AVISOS DE REVISIÓN LEGAL
======================================================*/

.legal-review-note{

	background:#fff8e1;

	border:1px solid #f0d878;

	border-radius:var(--radius-md);

	padding:1.25rem 1.5rem;

	margin-bottom:2rem;

	font-size:.9rem;

}

.legal-review-note p{

	margin:0;

}

/*======================================================
SECCIONES: BENEFICIOS / GARANTÍAS / PROYECTOS
======================================================*/

.section{

	padding:6rem 0;

}

.myc-benefits__grid,
.myc-guarantees__grid{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:1.5rem;

}

.myc-projects{

	background:var(--surface);

}

.myc-projects__grid{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:1.5rem;

}

@media (max-width:992px){

	.myc-benefits__grid,
	.myc-guarantees__grid{

		grid-template-columns:repeat(2,1fr);

	}

	.myc-projects__grid{

		grid-template-columns:1fr 1fr;

	}

}

@media (max-width:600px){

	.myc-benefits__grid,
	.myc-guarantees__grid,
	.myc-projects__grid{

		grid-template-columns:1fr;

	}

}

/*======================================================
PROCESO DE TRABAJO
======================================================*/

.myc-process__grid{

	display:grid;

	grid-template-columns:repeat(5,1fr);

	gap:1.5rem;

}

.myc-process-step{

	text-align:center;

	position:relative;

}

.myc-process-step__number{

	font-family:var(--font-display);

	font-size:2rem;

	color:var(--gray-500);

	font-weight:var(--weight-bold);

	margin-bottom:.5rem;

}

.myc-process-step__icon{

	width:56px;

	height:56px;

	margin:0 auto 1rem;

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:50%;

	background:#eef4ff;

	color:var(--color-primary);

}

.myc-process-step__icon svg{

	width:26px;

	height:26px;

}

.myc-process-step__title{

	font-size:1.05rem;

	margin-bottom:.5rem;

}

.myc-process-step__description{

	color:var(--text-light);

	font-size:.88rem;

	margin:0;

}

@media (max-width:992px){

	.myc-process__grid{

		grid-template-columns:repeat(2,1fr);

	}

}

@media (max-width:600px){

	.myc-process__grid{

		grid-template-columns:1fr;

	}

}

/*======================================================
SERVICE CARD (componente myc-service-card — "otros servicios relacionados")
======================================================*/

.myc-service-card{

	display:flex;

	flex-direction:column;

	background:#fff;

	border:1px solid var(--gray-200);

	border-radius:var(--radius-md);

	overflow:hidden;

	transition:var(--transition);

}

.myc-service-card:hover{

	transform:translateY(-4px);

	box-shadow:var(--shadow-md);

	border-color:var(--color-secondary);

}

.myc-service-card__image{

	aspect-ratio:4/3;

	overflow:hidden;

	background:var(--gray-100);

}

.myc-service-card__image img{

	width:100%;

	height:100%;

	object-fit:cover;

}

.myc-service-card__content{

	padding:1.5rem;

}

.myc-service-card__icon{

	width:44px;

	height:44px;

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:50%;

	background:#eef4ff;

	color:var(--color-primary);

	margin-bottom:1rem;
}

.myc-service-card__icon svg{

	width:22px;

	height:22px;

}

.myc-service-card__title{

	font-size:1.05rem;

	margin-bottom:.5rem;

}

.myc-service-card__description{

	color:var(--text-light);

	font-size:.9rem;

	margin:0 0 1rem;

}

.myc-service-card__button{

	font-weight:var(--weight-semibold);

	color:var(--color-gold-text);

}

/*======================================================
ESTADÍSTICAS DE CONFIANZA (trust.php)
======================================================*/

.trust-stats{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:1.5rem;

	margin-top:4rem;

	text-align:center;

}

.stat{

	display:flex;

	flex-direction:column;

	gap:.4rem;

}

.stat-number{

	font-family:var(--font-display);

	font-size:2.5rem;

	font-weight:var(--weight-bold);

	color:var(--color-secondary-dark);

}

.stat-text{

	color:var(--text-light);

	font-size:.9rem;

}

@media (max-width:600px){

	.trust-stats{

		grid-template-columns:1fr;

	}
}

/*======================================================
PAGINACIÓN (compartida: portfolio y blog)
======================================================*/

.pagination{

	display:flex;

	justify-content:center;

	gap:.5rem;

	margin-top:3rem;

}

.pagination .page-numbers{

	padding:.5rem 1rem;

	border:1px solid var(--gray-300);

	border-radius:var(--radius-md);

	text-decoration:none;

	color:var(--heading-color);

}

.pagination .page-numbers.current{

	background:var(--color-primary);

	color:#fff;

	border-color:var(--color-primary);

}

/*======================================================
BÚSQUEDA Y ARCHIVOS GENÉRICOS
======================================================*/

.content-archive{
	padding:5rem 0 7rem;
}

.archive-header{
	max-width:780px;
	margin-bottom:3rem;
}

.archive-header h1{
	margin-bottom:1rem;
}

.archive-eyebrow,
.content-list__type{
	font-size:var(--font-size-sm);
	font-weight:var(--weight-semibold);
	letter-spacing:.04em;
	text-transform:uppercase;
	color:var(--color-secondary-dark);
}

.archive-description{
	color:var(--text-light);
}

.search-form{
	display:flex;
	align-items:stretch;
	gap:.75rem;
	width:min(100%,720px);
	margin-top:1.5rem;
}

.search-form__label{
	flex:1;
}

.search-form__field{
	width:100%;
	height:100%;
	min-height:48px;
	padding:.75rem 1rem;
	border:1px solid var(--gray-300);
	border-radius:var(--radius-md);
	font:inherit;
	background:#fff;
}

.search-form__field:focus{
	outline:3px solid rgba(197,157,47,.25);
	border-color:var(--color-secondary-dark);
}

.content-list{
	display:grid;
	gap:1.25rem;
}

.content-list__item{
	padding:1.5rem;
	border:1px solid var(--gray-200);
	border-radius:var(--radius-md);
	background:#fff;
}

.content-list__item h2,
.content-list__item h3{
	margin:.25rem 0 .75rem;
}

.content-list__item p:last-child{
	margin-bottom:0;
	color:var(--text-light);
}

.empty-state{
	padding:2.5rem;
	text-align:center;
	border:1px solid var(--gray-200);
	border-radius:var(--radius-md);
	background:var(--gray-50);
}

.taxonomy-hub__section + .taxonomy-hub__section{
	margin-top:4rem;
}

.error-404-section .search-form{
	margin:2rem auto;
}

@media (max-width:600px){
	.search-form{
		flex-direction:column;
	}
}

/* La reducción de movimiento es una preferencia funcional, no estética. */
@media (prefers-reduced-motion:reduce){
	*,
	*::before,
	*::after{
		scroll-behavior:auto !important;
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
		transition-duration:.01ms !important;
	}
}

/*======================================================
CONTENIDO EDITORIAL Y DIRECTORIO DE SERVICIOS (v1.0.0)
======================================================*/

.lead{
	font-size:clamp(1.08rem,2vw,1.25rem);
	line-height:1.65;
	color:var(--heading-color);
}

.page-content,
.post-content,
.project-content,
.local-content{
	overflow-wrap:anywhere;
}

.page-content h2,
.post-content h2,
.project-content h2,
.local-content h2{
	font-size:clamp(1.65rem,3vw,2.35rem);
	margin:2.5rem 0 1rem;
}

.page-content h3,
.post-content h3,
.project-content h3,
.local-content h3{
	font-size:clamp(1.25rem,2vw,1.55rem);
	margin:2rem 0 .8rem;
}

.page-content ul,
.post-content ul,
.project-content ul,
.local-content ul,
.page-content ol,
.post-content ol,
.project-content ol,
.local-content ol{
	margin:0 0 1.75rem 1.4rem;
	padding:0;
}

.page-content ul,
.post-content ul,
.project-content ul,
.local-content ul{
	list-style:disc;
}

.page-content ol,
.post-content ol,
.project-content ol,
.local-content ol{
	list-style:decimal;
}

.page-content li,
.post-content li,
.project-content li,
.local-content li{
	margin-bottom:.55rem;
	color:var(--text-light);
}

.page-content a,
.post-content a,
.project-content a,
.local-content a{
	color:var(--color-primary);
	text-decoration:underline;
	text-decoration-thickness:.08em;
	text-underline-offset:.16em;
}

.page-content blockquote,
.post-content blockquote,
.local-content blockquote{
	margin:2rem 0;
	padding:1.25rem 1.5rem;
	border-left:4px solid var(--color-secondary);
	background:var(--surface);
}

.page-content table,
.post-content table,
.project-content table,
.local-content table{
	display:block;
	overflow-x:auto;
	margin:2rem 0;
	border:1px solid var(--gray-200);
}

.page-content th,
.page-content td,
.post-content th,
.post-content td,
.project-content th,
.project-content td,
.local-content th,
.local-content td{
	padding:.8rem 1rem;
	border:1px solid var(--gray-200);
	text-align:left;
	vertical-align:top;
}

.services-hub-hero{
	background:var(--surface);
}

.services-directory{
	padding-top:4rem;
}

.services-grid--directory{
	grid-template-columns:repeat(3,minmax(0,1fr));
}

@media (max-width:992px){
	.services-grid--directory{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width:600px){
	.services-grid--directory{
		grid-template-columns:1fr;
	}
}

/*======================================================
IDENTIDAD RESPONSIVE (v1.0.0)
======================================================*/

.custom-logo-link{
	display:flex;
	align-items:center;
}

.custom-logo{
	width:auto;
	max-width:240px;
	max-height:56px;
}

@media (max-width:768px){
	.header-actions > .button{
		display:none;
	}

	.site-title__divider,
	.site-title__tagline{
		display:none;
	}

	.site-title__name{
		font-size:1rem;
	}

	.custom-logo{
		max-width:180px;
		max-height:44px;
	}
}

/*======================================================
REFINAMIENTO VISUAL V2
======================================================*/

/* Anchura de lectura */

.section-header,
.myc-projects__empty,
.myc-process > .container > p,
.myc-testimonials .section-header,
.myc-benefits .section-header,
.myc-guarantees .section-header,
.trust .section-header{

	max-width:760px;
	margin-inline:auto;
	text-align:center;

}

.section-header p{

	max-width:720px;
	margin:1.5rem auto 0;
	line-height:1.8;

}

/* Separación entre bloques */

.section{

	padding:5rem 0;

}

.section-header{

	margin-bottom:3.5rem;

}

/* Tarjetas */

.card,
.trust-card,
.commitment-card,
.myc-benefit-card,
.myc-guarantee-card{

	padding:2rem;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;

}

.card h3,
.trust-card h3,
.commitment-card h3{

	margin-top:1rem;
	margin-bottom:.8rem;

}

.card p,
.trust-card p,
.commitment-card p{

	max-width:280px;
	margin:auto;

}

/* Iconos */

.icon-circle{

	margin-bottom:.5rem;

}

/* Títulos */

.section-header h2{

	max-width:900px;
	margin-inline:auto;
	text-wrap:balance;

}

/* Portfolio */

.myc-projects__empty{

	max-width:850px;
	line-height:1.9;

}
/* Botón de teléfono del encabezado sin icono */
.header-phone .myc-icon{
	display:none;
}

.header-phone{
	gap:0;
}
/*======================================================
AJUSTES HOME — BENEFICIOS, GARANTÍAS Y PROYECTOS
======================================================*/

/* Tres tarjetas ocupando todo el ancho disponible */
.myc-benefits__grid,
.myc-guarantees__grid{
	grid-template-columns:repeat(3,minmax(0,1fr));
	max-width:1120px;
	margin-inline:auto;
}

/* Tarjetas más equilibradas */
.myc-benefit-card,
.myc-guarantee-card{
	width:100%;
	min-width:0;
	padding:2rem 1.75rem;
}

/* Estado provisional del portfolio */
.myc-projects__empty{
	max-width:820px;
	margin-inline:auto;
	padding:0;
	text-align:center;
}

.myc-projects__empty p{
	max-width:760px;
	margin:0 auto 1.25rem;
	line-height:1.75;
}

.myc-projects__empty ul{
	display:inline-grid;
	gap:.65rem;
	width:min(100%,560px);
	margin:1rem auto 1.75rem;
	padding:1.5rem 2rem;
	list-style:none;
	text-align:left;
	background:#fff;
	border:1px solid var(--gray-200);
	border-radius:var(--radius-md);
	box-shadow:var(--shadow-sm);
}

.myc-projects__empty li{
	position:relative;
	padding-left:1.6rem;
	margin:0;
}

.myc-projects__empty li::before{
	content:"✓";
	position:absolute;
	left:0;
	top:0;
	color:var(--color-secondary-dark);
	font-weight:var(--weight-bold);
}

.myc-projects__empty .button,
.myc-projects__empty .button-gold{
	margin-top:.25rem;
}

/* Tablet */
@media (max-width:992px){

	.myc-benefits__grid,
	.myc-guarantees__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

}

/* Móvil */
@media (max-width:600px){

	.myc-benefits__grid,
	.myc-guarantees__grid{
		grid-template-columns:1fr;
	}

	.myc-projects__empty ul{
		padding:1.25rem;
	}

}