.submenu-desktop
	{
		overflow: visible !important;
	}

.submenu-desktop > div
	{
		overflow: visible !important;
	}

.submenu-desktop ul
	{
		overflow: visible !important;
	}

.item-con-submenu-lateral
	{
		position: relative;
		width: 260px;
	}

.item-con-submenu-lateral > a
	{
		display: flex;
	}

.submenu-lateral-hazte-socio
	{
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 260px;
		background: rgba(255,255,255,0.98);
		box-shadow: 0 8px 20px rgba(0,0,0,0.18);
		z-index: 99999;
		padding: 12px 0;
	}

.item-con-submenu-lateral:hover .submenu-lateral-hazte-socio
	{
		display: block;
	}

.submenu-lateral-hazte-socio .submenu-link
	{
		display: flex;
		padding: 10px 18px;
		white-space: nowrap;
	}







#carouselCaballos .carousel-item
	{
		transition:opacity 2s ease-in-out;
		overflow:hidden;
	}

#carouselCaballos .carousel-item img
	{
		transform:scale(1);
		transition:transform 2s ease-in-out;
	}

#carouselCaballos .carousel-item.zoom-salida img
	{
		transform:scale(2.5);
	}






.btn-corporativo{
	background-color:#0284b5;
	background-color:#0284b5;
	color:#fff;
	border-radius:6px;

	height:90px;          /* alto fijo */
	min-width:180px;      /* ancho mínimo opcional */

	display:flex;
	align-items:center;
	justify-content:center;

	transition:all .2s ease;
}

.btn-corporativo:hover{
	background-color:#0089c6;
	border-color:#0089c6;
	color:#fff;
}

.link_copy a  
    {
        color:#099bdb !important;
    }



.menu_pagina{
	background: linear-gradient(150deg, rgba(0,161,222,1) 0%, rgba(0,161,222,1) 23%, rgba(4,100,136,1) 100%);
}




.menu-fijo
	{
		position:fixed;
		width:100%;
		top:0;
		z-index:100;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		background-color: #fff;
	}

.menu-fijo.sombra-scroll
	{
		-webkit-box-shadow: 0px 10px 18px -10px rgba(0,0,0,0.45) !important;
		box-shadow: 0px 10px 18px -10px rgba(0,0,0,0.45) !important;
	}	

.color-boton
	{
		background-color:#479fd9;
		color:#fff;
		transition:all .5s ease;

	}

.color-boton:hover
	{
		background-color:#0284b5;
		color:#fff;
		-webkit-box-shadow: 1px 1px 10px -3px #000000; 
		box-shadow: 1px 1px 10px -3px #000000;		
	}



.color-href
	{
		color:#00a1de;
		transition:all .5s ease;		
	}

.color-href:hover
	{
		color:#0284b5;
		transition:all .5s ease;
	}


/* =========================
   NAV + LINEA AZUL
========================= */
nav
	{
		position:relative;
		border:0 !important;
		outline:0 !important;
		background-color:#fff;
	}

nav::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}


.logo-menu-scroll
	{
		display:none;
		text-align:center;
		padding:8px 0 4px 0;
	}

.logo-menu-scroll img
	{
		width:135px;
		height:auto;
		display:block;
		margin:0 auto;
	}

.menu-fijo.mostrar-logo-scroll .logo-menu-scroll
	{
		display:block;
	}







/* POR DEFECTO (ESCRITORIO) */
.menu_escritorio{display:flex;}
.menu_hamburguesa{display:none;}
/* #menu_movil se queda hidden hasta que pulses el botón */

/* MÓVIL HASTA 1080px */
@media (max-width:1127px)
{
	.menu_escritorio{display:none !important;}
	.menu_hamburguesa{display:flex !important;}
}


.menu-activo{
	color:#fff !important;
	border-radius:0 !important;
}

.menu-activo::after{
	transform: scaleX(1);
	background:#fff;
}

.menu-activo::before{
	opacity:1;
}

/* =========================
   ICONOS REDES
========================= */
.transition_iconos_redes_sociales{
	transition: all .2s linear;
}
.transition_iconos_redes_sociales:hover{
	filter: brightness(150%);
	-webkit-filter: brightness(150%);
}

/* =========================
   LINKS MENU PRINCIPAL
========================= */
.menu-link{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	border-radius: 6px;
	color: #000;
	text-decoration: none;
	transition: color 0.25s ease;
	font-size: .9rem;
}

.menu-link::before{
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 6px;
	background: radial-gradient(
		ellipse at center,
		rgba(0, 160, 230, 0.35) 0%,
		rgba(0, 160, 230, 0.15) 45%,
		rgba(0, 160, 230, 0) 75%
	);
	opacity: 0;
	transition: opacity 0.25s ease;
	z-index: -1;
}

.menu-link::after{
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 2px;
	height: 2px;
	background: #00a0e6;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.25s ease;
}

.menu-link:hover{
	color: #000;
}
.menu-link:hover::before{
	opacity: 1;
}
.menu-link:hover::after{
	transform: scaleX(1);
}

/* Mantener hover del principal cuando bajas al submenú */
.group:hover > .menu-link{
	color: #000;
}
.group:hover > .menu-link::before{
	opacity: 1;
}
.group:hover > .menu-link::after{
	transform: scaleX(1);
}

/* =========================
   LINKS SUBMENU
========================= */
.submenu-link{
	display:flex;              /* antes block */
	align-items:center;        /* centra verticalmente */
	gap:8px;                   /* separación icono-texto */
	padding: 8px 12px;
	color: #000;
	text-decoration: none;
	position: relative;
	transition: color 0.3s ease;
	font-size: .9rem;
}


.glyphs-poly--arrow-solid {
	flex-shrink:0;  
	display: inline-block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transform: rotate(90deg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='none'%3E%3Cpath fill='%2300a1de' fill-rule='evenodd' d='M52 54V38a2 2 0 0 0-2-2H30a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2z' clip-rule='evenodd'/%3E%3Cpath fill='%2304678d' d='M21.724 40h36.2c3.654 0 5.483-4.417 2.9-7L43.537 15.712a5.25 5.25 0 0 0-7.425 0L18.824 33c-2.583 2.583-.753 7 2.9 7'/%3E%3C/g%3E%3C/svg%3E");
}


.menu-seleccionado{
	color: #000 !important;
}

.menu-seleccionado::before{
	opacity: 1 !important;
}

.menu-seleccionado::after{
	transform: scaleX(1) !important;
}

.submenu-link::before{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to right,
		rgba(0,160,230,0.35) 0%,
		rgba(0,160,230,0.25) 25%,
		rgba(0,160,230,0.15) 45%,
		rgba(0,160,230,0.07) 65%,
		rgba(0,160,230,0.02) 80%,
		rgba(0,160,230,0) 100%
	);
	opacity: 0;
	transition: opacity 0.35s ease;
	z-index: -1;
}

.submenu-link:hover{
	color: #000;
}
.submenu-link:hover::before{
	opacity: 1;
}

/* =========================
   MENU MOVIL CENTRADO
========================= */
@media (max-width: 1070px){
	#menu_movil ul{
		align-items: center !important;
	}
	#menu_movil .submenu-link{
		width: 100% !important;
		text-align: center !important;
	}
	#menu_movil summary.submenu-link{
		width: 100% !important;
		text-align: center !important;
	}
	#menu_movil details > div > div{
		align-items: center !important;
	}
}




/* =========================
   FIX HOVER SUBMENU PC
========================= */
@media (min-width: 1071px){

	/* Ancla exacta al borde inferior del li.group */
	nav li.group{
		position: relative;
	}

	nav li.group > .submenu-desktop{
		top: 100%;
	}

	/* “Puente” invisible para que no se cierre al bajar el ratón */
	nav li.group > .submenu-desktop::before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: -10px;
		height: 10px;
	}

	/* Opcional: un pelín de separación visual sin romper el hover */
	nav li.group > .submenu-desktop{
		margin-top: 2px;
	}
}







/* =========================
   CAROUSEL (BOOTSTRAP)
========================= */
.carousel-wrap{
	max-width: 1800px;
}

#carousel_portada{
	/* border-radius: 18px;*/
	overflow: hidden;
	box-shadow: 0 18px 50px rgba(0,0,0,.18);
}

.hero-slide{
	position: relative;
	height: clamp(260px, 42vw, 620px);
}

.hero-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.02);
	filter: saturate(1.08) contrast(1.04);
}

.hero-overlay{
	position: absolute;
	inset: 0;
	background:
		radial-gradient(70% 80% at 30% 30%, rgba(0,160,230,.26) 0%, rgba(0,160,230,0) 55%),
		linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,.55) 100%);
}

.hero-grain{
	position: absolute;
	inset: 0;
	opacity: .08;
	mix-blend-mode: overlay;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

.hero-caption{
	text-align: left;
	left: 7%;
	right: 7%;
	bottom: 12%;
}

.hero-tag{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255,255,255,.12);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255,255,255,.18);
	color: rgba(255,255,255,.95);
	font-size: .85rem;
	letter-spacing: .4px;
}

.hero-title{
	margin-top: 10px;
	margin-bottom: 6px;
	font-weight: 800;
	letter-spacing: -.6px;
	color: #fff;
	text-shadow: 0 10px 30px rgba(0,0,0,.35);
	font-size: clamp(1.5rem, 3.2vw, 3rem);
	text-shadow: 2px 2px 6px rgba(1,2,2,1);
}

.hero-subtitle{
	margin: 0;
	color: rgba(255,255,255,.9);
	font-size: clamp(.95rem, 1.35vw, 1.2rem);
	max-width: 62ch;
	white-space: nowrap;
	text-shadow: 2px 2px 6px rgba(1,2,2,1);	
	color:yellow;
}

.hero-cta{
	margin-top: 14px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.carousel-indicators [data-bs-target]{
	width: 22px;
	height: 6px;
	border-radius: 999px;
	border: 0;
	opacity: .45;
}
.carousel-indicators .active{
	opacity: 1;
}

/* PC NO SE TOCA */
@media (min-width: 768px)
{
	.hero-mobile-title{display:none !important;}
}

/* MÓVIL: OCULTA TEXTO SOBRE LA IMAGEN Y MUESTRA ABAJO CENTRADO + BOTONES */
@media (max-width: 768px)
{
	/* quitar caption dentro del slide */
	#carousel_portada .hero-caption{
		display: none !important;
	}

	/* bloque de texto abajo */
	.hero-mobile-title{
		display: flex !important;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 22px 16px 26px 16px;
		margin: 0;
	}

	.hero-mobile-title h3{
		font-size: 1.8rem;
		font-weight: 800;
		margin: 0 0 10px 0;
	}

	.hero-mobile-title p{
		font-size: 1.05rem;
		margin: 0 0 14px 0;
	}

	/* botones centrados debajo (se crean sin tocar PC) */
	.hero-mobile-title .hero-cta-mobile{
		display: flex;
		justify-content: center;
		gap: 12px;
		flex-wrap: wrap;
		width: 100%;
	}
	.hero-mobile-title .hero-cta-mobile .btn{
		padding: 10px 16px;
		font-size: 1rem;
	}
}




/* =========================
   BLOQUES 4 CUADROS (HOVER)
========================= */
.bloque-hover{
	
	overflow: hidden;
	cursor: pointer;
	transform: translateY(0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: transform 1s ease, box-shadow 1s ease, border-color 1s ease, border-radius 1s ease;
}

.bloque-hover img{
	display:block;
}

.bloque-hover:hover{
	/*border-color: rgba(0,160,230,.35); */
	box-shadow: 0 12px 28px rgba(0,0,0,.12);
	transform: translateY(-4px);
	border-radius: 15px;
}




.titulo-sanlucar-video{
	width: min(1000px, 95%);
	margin: 0 auto;
	height: clamp(220px, 38vw, 520px);
	background: #fff;           /* lo que se verá fuera de las letras */
	overflow: hidden;
}

.titulo-video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;

	/* IMPORTANTE: PNG con LETRAS BLANCAS y fondo TRANSPARENTE */
	-webkit-mask: url("/graf/mascara/video-mascara-carreras-caballos.png") center/contain no-repeat;
	mask: url("/graf/mascara/video-mascara-carreras-caballos.png") center/contain no-repeat;
}


.icono-red{
	position:relative;
	display:inline-block;
	width:25px;
	height:25px;
	margin: 0 6px;   /* separación entre iconos */
}

.icono-red img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:opacity .8s ease, transform .8s ease;
}

.icono-hover{
	opacity:0;
}

.icono-red:hover .icono-hover{
	opacity:1;
}

.icono-red:hover .icono-normal{
	opacity:0;
}
















.bloque-hover
	{
		cursor:pointer;
	}

.bloque-hover img
{
	display:block;
}

.texto-bloque
	{
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:42px;
		text-align:center;
		background-color:rgba(0,0,0,0.6);
		color:#fff;
		padding:8px 10px;
		font-weight:normal;
		overflow:hidden;
		transition:
			height 0.9s cubic-bezier(0.22, 1, 0.36, 1),
			padding 0.9s cubic-bezier(0.22, 1, 0.36, 1);
	}


	.bloque-hover:hover .titulo-bloque
	{
		font-weight:bold;
	}

	
.titulo-bloque
	{
		position:relative;
		z-index:2;
	}

.texto-oculto-bloque
	{
		opacity:0;
		visibility:hidden;
		font-weight:normal;
		font-size:14px;
		line-height:1.4;
		margin-top:12px;
		transform:translateY(18px);
		transition:
			opacity 0.55s ease 0.35s,
			transform 0.55s ease 0.35s,
			visibility 0s linear 0.35s;
	}

.bloque-hover:hover .texto-bloque
	{
		height:100%;
		padding:20px;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}

.bloque-hover:hover .texto-oculto-bloque
	{
		opacity:1;
		visibility:visible;
		transform:translateY(0);
	}



























.barra-titulo-infinito{
	width:100%;
	background: linear-gradient(90deg,rgba(76, 86, 90, 1) 0%, rgba(255, 255, 255, 1) 100%);
	padding:6px 0;
}


.content_100{
	width:100%;
	padding:6px 0;
	text-align:center;
}

.contenido-titulo{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	font-size:1.4rem;
	color:#fff;
}

.bloque-infinito
	{
		width:100%;
		background-image:url("/graf/fondo/fondo-index.png");
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
		
	}



.cuadro-bloque-copy
	{
		width:180px;
		height:180px;
		border:1px solid #000;
		margin-top:-20px;
		background-color:#fff;
		
	}

.cuadro-bloque-copy-sin-fondo-border
	{
		width:180px;
		height:180px;
		margin-top:-15px;
		display:flex;
		justify-content:center;
		align-items:center;
	}

.tit-caja-copy
	{
		text-align:center;
		font-weight:bold;		
		margin-top:10px;
		font-size:10pt;
	}	

.text-caja-copy
	{
		text-align:center;
		font-size:10pt;
	}


@media (max-width: 767.98px)
	{
		/* 1 columna */
		.footer-bloques .row
			{
				flex-direction: column;
				align-items: center;
			}

		/* separacion */
		.footer-bloques .col-auto
			{
				width: 100%;
				display: flex;
				justify-content: center;
				margin-top: 18px;
			}

		/* que las cajas no se estiren a todo el ancho */
		.footer-bloques .cuadro-bloque-copy,
		.footer-bloques .cuadro-bloque-copy-sin-fondo-border
			{
				margin-top: 0 !important;
			}
	}



.hero-estatico{
	position:relative;
	width:100%;
	height: clamp(220px, 28vw, 450px);
	overflow:hidden;
}

.hero-img-estatico{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.hero-caption{
	position:absolute;
	left:8%;
	bottom:18%;
	color:#fff;
	max-width:700px;
}

.hero-tag{
	display:inline-block;
	padding:6px 14px;
	border-radius:999px;
	background:rgba(255,255,255,.25);
	backdrop-filter:blur(6px);
	font-size:.85rem;
	margin-bottom:18px;
}

.hero-title{
	font-weight:800;
	line-height:1.1;
	margin-bottom:14px;
	font-size: clamp(1.6rem, 4.5vw, 3.8rem);
}

.hero-subtitle{
	font-size: clamp(.9rem, 1.4vw, 1.2rem);
	opacity:.95;
	margin-bottom:22px;

	white-space: normal;   /* permite saltos de línea */
	overflow: visible;
}

.hero-cta{
	display:flex;
	gap:14px;
	flex-wrap:wrap;
}

.btn-hero{
	padding:10px 20px;
	border-radius:6px;
	font-size:.95rem;
	text-decoration:none;
	font-weight:500;
	transition:all .25s ease;
}

.btn-hero-light{
	background:#fff;
	color:#000;
}

.btn-hero-light:hover{
	background:#f2f2f2;
}

.btn-hero-outline{
	border:1px solid #fff;
	color:#fff;
}

.btn-hero-outline:hover{
	background:rgba(255,255,255,.15);
}



.redes-sociales {
	gap: 4px; /* Ajusta aquí: 2px si los quieres más pegados */
}

.icono-red {
	display: inline-flex;
	margin: 0;
	padding: 0;
}

.icono-red img {
	width: 25px !important;
	height: auto !important;
	display: block;
}















.historia-bloque
	{
		padding: 0 15px;
	}

.historia-titulo
	{
		font-size: 24px;
		font-weight: 700;
		margin: 0 0 15px 0;
		text-align: center;
	}

.historia-bloque p
	{
		text-align: justify;
		font-size: 10pt;
		line-height: 1.5;
		margin: 0 0 0.6rem 0;
	}

.historia-img
	{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 0 15px 0;
	}

/* PC: efecto “periódico” real (texto a la derecha y luego bajo la imagen) */
@media (min-width: 992px)
	{
		.historia-img
			{
				float: left;
				width: 50%;
				margin: 0 25px 15px 0;
			}

		.historia-contenido::after
			{
				content: "";
				display: block;
				clear: both;
			}
		.historia-titulo
			{
				text-align: justify;
			}
		
	}


.junta-img{
	width:170px;
	height:220px;
	border-radius:10px;
	padding:4px;
	background: linear-gradient(135deg, #fff, #046b92);
	overflow:hidden; 
}

.junta-img img
	{
		width:100%;
		height:100%;
		object-fit:cover;
		border-radius:15px;
	}


.noticia-img-wrapper{
	height:260px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f5f5f5;
	overflow:hidden;
}

.noticia-img{
	max-height:100%;
	max-width:100%;
	object-fit:contain;
}



.noticia-body{
	height:120px;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	padding:0.75rem 1rem 1rem 1rem;
}

.noticia-body p{
	margin:0;
}

.noticia-body p{
	font-size:12px;
}

.border-naranja{
	border-color:#ffa620 !important;
}

.nav-link:hover{
	color:#ffa620 !important;
	border-bottom:3px solid #ffa620;
}















.galeria-3col
	{
		--celda:220px;
		display:grid;
		grid-template-columns:repeat(3, 1fr);
		grid-auto-rows:var(--celda);
		grid-auto-flow:dense;
		gap:12px;
	}

.galeria-3col .galeria-item
	{
		display:block;
		overflow:hidden;
		border-radius:12px;
	}

.galeria-3col .galeria-item img
	{
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:top center;
		display:block;
	}

/* PC */

@media (min-width:992px)
	{
		.galeria-3col .patron-1
			{
				grid-column:1 / 3;
				grid-row:1 / 3;
			}

		.galeria-3col .patron-2
			{
				grid-column:3 / 4;
				grid-row:1 / 2;
			}

		.galeria-3col .patron-3
			{
				grid-column:3 / 4;
				grid-row:2 / 3;
			}

		.galeria-3col .patron-4
			{
				grid-column:1 / 2;
				grid-row:3 / 4;
			}

		.galeria-3col .patron-5
			{
				grid-column:2 / 3;
				grid-row:3 / 4;
			}

		.galeria-3col .patron-6
			{
				grid-column:3 / 4;
				grid-row:3 / 4;
			}

		.galeria-3col .patron-7
			{
				grid-column:1 / 3;
				grid-row:4 / 6;
			}

		.galeria-3col .patron-8
			{
				grid-column:3 / 4;
				grid-row:4 / 5;
			}

		.galeria-3col .patron-9
			{
				grid-column:3 / 4;
				grid-row:5 / 6;
			}

		.galeria-3col .patron-10
			{
				grid-column:1 / 2;
				grid-row:6 / 7;
			}

		.galeria-3col .patron-11
			{
				grid-column:2 / 3;
				grid-row:6 / 7;
			}

		.galeria-3col .patron-12
			{
				grid-column:3 / 4;
				grid-row:6 / 7;
			}

		.galeria-3col .patron-13
			{
				grid-column:1 / 3;
				grid-row:7 / 9;
			}

		.galeria-3col .patron-14
			{
				grid-column:3 / 4;
				grid-row:7 / 8;
			}

		.galeria-3col .patron-15
			{
				grid-column:3 / 4;
				grid-row:8 / 9;
			}

		.galeria-3col .patron-16
			{
				grid-column:1 / 2;
				grid-row:9 / 10;
			}

		.galeria-3col .panoramica
			{
				grid-column:1 / 3;
				grid-row:auto;
			}
	}

/* TABLET */

@media (max-width:991.98px) and (min-width:576px)
	{
		.galeria-3col
			{
				grid-template-columns:repeat(2, 1fr);
				--celda:200px;
			}

		.galeria-3col .patron-1,
		.galeria-3col .patron-7,
		.galeria-3col .patron-13
			{
				grid-column:span 2;
				grid-row:span 2;
			}

		.galeria-3col .patron-2,
		.galeria-3col .patron-3,
		.galeria-3col .patron-4,
		.galeria-3col .patron-5,
		.galeria-3col .patron-6,
		.galeria-3col .patron-8,
		.galeria-3col .patron-9,
		.galeria-3col .patron-10,
		.galeria-3col .patron-11,
		.galeria-3col .patron-12,
		.galeria-3col .patron-14,
		.galeria-3col .patron-15,
		.galeria-3col .patron-16
			{
				grid-column:span 1;
				grid-row:span 1;
			}

		.galeria-3col .panoramica
			{
				grid-column:span 2;
				grid-row:span 1;
			}
	}

/* MÓVIL */

@media (max-width:575.98px)
	{
		.galeria-3col
			{
				grid-template-columns:1fr;
				grid-auto-rows:220px;
				gap:12px;
			}

		.galeria-3col .galeria-item
			{
				grid-column:1 / -1 !important;
				grid-row:auto !important;
				width:100%;
				height:220px;
			}

		.galeria-3col .galeria-item img
			{
				width:100%;
				height:100%;
				object-fit:cover;
				object-position:center top !important;
				display:block;
			}
	}






















.videos-mosaico
	{
		--celda: 220px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: var(--celda);
		gap: 16px;
	}

/* 3 columnas (PC) - layout fijo */
.patron-1 { grid-column: 1 / 3; grid-row: 1 / 3; }

.patron-2 { grid-column: 3 / 4; grid-row: 1 / 2; }
.patron-3 { grid-column: 3 / 4; grid-row: 2 / 3; }

.patron-4 { grid-column: 1 / 2; grid-row: 3 / 4; }
.patron-5 { grid-column: 2 / 3; grid-row: 3 / 4; }

.patron-6 { grid-column: 3 / 4; grid-row: 3 / 4; }


/* TABLET (2 columnas) */
@media (max-width: 991.98px)
	{
		.videos-mosaico
			{
				--celda: 210px;
				grid-template-columns: repeat(2, 1fr);
			}

		.patron-1 { grid-column: 1 / 3; grid-row: 1 / 3; }

		.patron-2 { grid-column: 1 / 2; grid-row: 3 / 4; }
		.patron-3 { grid-column: 2 / 3; grid-row: 3 / 4; }

		.patron-4 { grid-column: 1 / 2; grid-row: 4 / 5; }
		.patron-5 { grid-column: 2 / 3; grid-row: 4 / 5; }

		.patron-6 { grid-column: 1 / 3; grid-row: 5 / 6; }
	}

/* MÓVIL (1 columna) */
@media (max-width: 575.98px)
	{
		.videos-mosaico
			{
				--celda: 220px;
				grid-template-columns: repeat(1, 1fr);
			}

		.patron-1,
		.patron-2,
		.patron-3,
		.patron-4,
		.patron-5,
		.patron-6
			{
				grid-column: 1 / 2;
				grid-row: auto;
			}
	}


.video-item
	{
		border: 0;
		padding: 0;
		background: #fff;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		border-radius: 12px;
		box-shadow: 0 .25rem .75rem rgba(0,0,0,.08);
		cursor: pointer;
	}

.video-thumb
	{
		flex:1;
		position:relative;
		overflow:hidden;
	}

.video-thumb img
	{
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center center;
		display:block;
	}
.video-play
	{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 58px;
		height: 58px;
		border-radius: 50%;
		background: rgba(0,0,0,.55);
	}

.video-play:after
	{
		content: "";
		position: absolute;
		left: 22px;
		top: 16px;
		border-top: 13px solid transparent;
		border-bottom: 13px solid transparent;
		border-left: 18px solid #fff;
	}

.video-titulo
	{
		padding: 10px;
		font-size: 14px;
		text-align: center;
		color: #0d6efd;
	}



@media (max-width: 991.98px)
	{
		.noticia-principal-imagen
			{
				height: 300px !important;
			}

		.noticia-principal-texto
			{
				min-height: 120px !important;
				font-size: 10pt !important;
				line-height: 1.5 !important;
				padding-top: 1rem !important;
				padding-bottom: 1rem !important;
			}
	}	






	



.bloque-saluda-presidente
	{
		max-width:1400px;
		margin-top:-210px;
		position:relative;
		z-index:5;
		padding-left:20px;
		padding-right:20px;
	}

.imagen-presidente
	{
		display:block;
		height:560px;
		object-fit:cover;
		object-position:top center;
	}
.caja-saluda-presidente
	{
		background-color:#ffffff;
		height:560px;
		padding:36px 48px;
		overflow:hidden;
	}

.titulo-saluda-movil
	{
		display:none;
	}

.titulo-saluda-escritorio
	{
		font-size:2.15em;
		font-weight:400;
		margin-bottom:24px;
		color:#111111;
	}

.caja-saluda-presidente p
	{
		font-size:0.93em;
		line-height:1.38em;
		color:#222222;
		margin-bottom:13px;
	}

.firma-presidente
	{
		margin-top:14px;
		margin-bottom:0;
	}

@media (max-width:1199px)
	{
		.bloque-saluda-presidente
			{
				max-width:1200px;
				margin-top:-170px;
			}

@media (max-width:1199px)
	{
		.imagen-presidente
			{
				height:520px;
				object-position:top center;
			}
	}

		.caja-saluda-presidente
			{
				height:520px;
				padding:30px 36px;
			}

		.titulo-saluda-escritorio
			{
				font-size:1.9em;
				margin-bottom:18px;
			}

		.caja-saluda-presidente p
			{
				font-size:0.84em;
				line-height:1.3em;
				margin-bottom:10px;
			}

		.firma-presidente
			{
				margin-top:10px;
			}
	}

@media (max-width:991px)
	{
		.bloque-saluda-presidente
			{
				margin-top:40px;
				padding-left:50px;
				padding-right:50px;
			}

		.titulo-saluda-movil
			{
				display:block;
				background-color:#ffffff;
				font-size:1.7em;
				font-weight:400;
				text-align:center;
				margin:0;
				padding:30px 25px 20px 25px;
				color:#111111;
			}

		.titulo-saluda-escritorio
			{
				display:none;
			}

		.imagen-presidente
			{
				height:auto;
			}

		.caja-saluda-presidente
			{
				height:auto;
				padding:30px 25px;
				overflow:visible;
			}

		.caja-saluda-presidente p
			{
				font-size:0.95em;
				line-height:1.45em;
				margin-bottom:18px;
			}

		.firma-presidente
			{
				margin-top:24px;
			}
	}

@media (max-width:575px)
	{
		.bloque-saluda-presidente
			{
				padding-left:25px;
				padding-right:25px;
			}

		.titulo-saluda-movil
			{
				font-size:1.5em;
				padding:25px 15px 18px 15px;
			}

		.caja-saluda-presidente
			{
				padding:25px 20px;
			}
	}	






/*############################################################################################################################################### */

.bloque-junta-directiva
	{
		max-width:1400px;
		margin-top:100px;
		padding-left:20px;
		padding-right:20px;
	}

.titulo-junta-directiva
	{
		font-size:2em;
		font-weight:400;
		text-align:center;
		color:#111111;
		margin-bottom:28px;
	}

.linea-junta-directiva
	{
		width:100%;
		height:2px;
		background-color:#111111;
	}

@media (max-width:991px)
	{
		.bloque-junta-directiva
			{
				margin-top:45px;
				padding-left:35px;
				padding-right:35px;
			}

		.titulo-junta-directiva
			{
				font-size:1.7em;
				margin-bottom:22px;
			}
	}

@media (max-width:575px)
	{
		.bloque-junta-directiva
			{
				padding-left:25px;
				padding-right:25px;
			}
	}