:root{
	--azul-marca: #14324f;
	--texto-oscuro: #333333;
	--texto-claro: #ffffff;
	--gris-claro: #f4f4f4;
}
 
/* ===== Reset de paddings/márgenes que mete Woodmart/WPBakery en cada fila y columna, acotado a .epi ===== */
.epi.vc_row{
	margin: 0 !important;
	padding: 0 !important;
}
.epi .vc_row_inner{
	margin: 0 !important;
	padding: 0 !important;
}
.epi .vc_column_container,
.epi .wpb_column,
.epi .vc_column-inner{
	padding: 0 !important;
}
.epi .wpb_wrapper{
	margin: 0 !important;
}
.epi .wpb_text_column{
	margin-bottom: 0 !important;
}
 
/* ===== Barra superior ===== */
.topbar{
	background: var(--azul-marca);
	color: var(--texto-claro);
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 12px 20px;
	text-transform: uppercase;
}
 
/* ===== Imagen principal ===== */
.hero img{ width: 100% !important; display: block !important; }
 
/* ===== Título y bajada ===== */
.seccion-gris{
	background: var(--gris-claro);
	text-align: center;
	padding: 34px 30px 30px !important;
}
.seccion-gris h1{
	font-size: 30px;
	font-weight: 700;
	color: var(--texto-oscuro);
	margin: 0;
}
.seccion-gris .subtitulo{
	margin-top: 14px;
	font-size: 15px;
	font-weight: 500;
	color: #666666;
}
 
/* ===== Bloques de texto centrados ===== */
.bloque-texto{
	padding: 34px 40px !important;
	text-align: center;
	font-size: 15px;
	line-height: 1.7;
}
.bloque-texto p{ margin: 0 0 18px; }
.bloque-texto p:last-child{ margin-bottom: 0; }
.bloque-texto strong{ font-weight: 700; color: #222222; }
 
/* ===== Bio con foto circular ===== */
.bio{
	display: flex !important;
	align-items: center;
	gap: 20px;
	padding: 10px !important;
}
.bio img{
	width: 200px !important;
	height: 200px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
}
.bio .bio-titulo{
	font-weight: 700;
	color: #222222;
	margin: 0 0 6px;
	font-size: 15px;
}
.bio p{ margin: 0; font-size: 14px; line-height: 1.6; }
 
/* ===== Bloque de tres fotos: mismo alto, misma proporción, sin gap ===== */
.epi.tres-fotos{
	background: var(--gris-claro);
	padding: 0 !important;
}
.epi.tres-fotos .vc_row_inner{
	display: flex !important;
}
.epi.tres-fotos .wpb_wrapper{
	line-height: 0;
}

/*
.epi.tres-fotos .vc_single_image-wrapper{
	display: block !important;
	height: 220px !important;
	overflow: hidden !important;
}
.epi.tres-fotos img.vc_single_image-img,
.epi.tres-fotos img{
	width: 340px !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}
*/
 
.divisor{
	border: none;
	border-top: 2px solid #333333;
	width: 60px;
	margin: 0 auto;
}
 
/* ===== Arroyo Pescado Lodge / MasterClasses ===== */
.producto{
	text-align: left;
	padding: 26px 20px 20px !important;
}
.producto h2{ font-size: 26px; font-weight: 700; margin: 0 0 18px; }
.producto h3{ font-size: 18px; font-weight: 600; letter-spacing: 0.5px; margin: 22px 0 8px; }
/*.producto .detalle{ font-weight: 700; font-size: 14px; margin: 0 0 8px; }*/
.producto .descripcion{
	font-size: 14px;
	line-height: 1.6;
	color: #555555;
	margin: 0 auto;
	max-width: 480px;
}
 
/* ===== Foto ancha ===== */
.foto-ancha img{ width: 100% !important; display: block !important; }
 
/* ===== Secciones largas de artículo (texto izquierda) ===== */
.articulo{ padding: 10px 40px 30px !important; text-align: left; }
.articulo h2{ font-size: 20px; font-weight: 700; color: #222222; margin: 0 0 14px; }
.articulo p{ font-size: 15px; line-height: 1.7; color: var(--texto-oscuro); margin: 0 0 16px; }
.articulo p:last-child{ margin-bottom: 0; }
.articulo strong{ font-weight: 700; color: #222222; }
 
/* ===== Fechas, cupos y precio ===== */
.info-box{
	background: var(--gris-claro);
	border-radius: 6px;
	margin: 0 40px 30px !important;
	padding: 24px 26px !important;
	text-align: left;
}
.info-box .info-titulo{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.5px;
	color: var(--azul-marca);
	margin: 0 0 10px;
}
.info-box p{ font-size: 15px; line-height: 1.7; margin: 0 0 14px; }
.info-box p:last-child{ margin-bottom: 0; }
 
/* ===== Preguntas frecuentes ===== */
.faq{ padding: 0 40px 30px !important; text-align: left; }
.faq-item{ border-bottom: 1px solid #dddddd; padding: 16px 0; }
.faq-item:last-child{ border-bottom: none; }
.faq-pregunta{ font-weight: 700; color: #222222; margin: 0 0 8px; font-size: 15px; }
.faq-respuesta{ font-size: 14px; line-height: 1.6; color: #555555; margin: 0; }
 
/* ===== Botón CTA ===== */
.cta-wrap{ text-align: center; padding: 22px 30px 40px !important; }
.cta-boton, .cta-boton:visited{
	display: inline-block;
	background: var(--azul-marca);
	color: var(--texto-claro);
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.4px;
	padding: 14px 28px;
	border-radius: 3px;
}
.cta-boton:hover, .cta-boton:active {
    color: var(--azul-marca);
	background-color: var(--texto-claro);
	border:1px solid var(--azul-marca);
}
 
/* ===== Footer ===== */
.footer{
	background: var(--azul-marca);
	color: var(--texto-claro);
	text-align: center;
	padding: 26px 20px 10px !important;
}
.footer h2{ font-size: 22px; font-weight: 700; letter-spacing: 1px; margin: 0; }
.footer .sub{ font-size: 12px; letter-spacing: 1px; padding: 8px 0 22px; opacity: 0.9; }

@media (max-width: 991px){
    /*
.epi.tres-fotos img.vc_single_image-img,
.epi.tres-fotos img{
	width: 100% !important;
	height: auto !important;
	object-fit: cover !important;
	display: block !important;
	margin-bottom:10px;
}
*/
}
 
@media (max-width: 480px){
	.bloque-texto, .bio, .producto, .articulo, .info-box, .faq{ padding-left: 22px !important; padding-right: 22px !important; }
	.seccion-gris h1{ font-size: 24px; }
	.bio{ flex-direction: column; text-align: center; }
}

body.postid-5519 .whb-row.whb-general-header {
    display:none !important;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0 !important;
}