/*
Theme Name: Iberlobo
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: Tema creado para Iberlobo a partir de Bridge
Author: Questión de Imagen Comunicación
Author URI: https://www.questiondeimagen.com
Version: 1.0.0
Text Domain: bridge
Template: bridge
*/

/*
 * Colores Iberlobo
 */
:root 
{
	--iberlobo-primary: #865d3f; /* Marrón oscuro del logo */
    --iberlobo-secondary: #c29559; /* Marrón claro del logo */
	--iberlobo-tertiary: #eed8ba; /* Marrón claro del logo */
	--naranja: #ff8f00; /* Naranja diseño */
	--naranja-claro: #fbb55c;
	--gris-oscuro: #161616; /* Fondo y otros detalles */
}

/* Menú */
.drop_down .second .inner ul li a
{
	text-transform:none;
	font-size:14px;
	color:#ccc;
}

.drop_down .narrow .second .inner ul li 
{
  padding: 15px 0px 15px 15px;
  width: 280px;
}

/* Títulos */
.title.title_size_large h1 
{
	color: #ffffff;
	font-size: 80px;
	line-height: 70px;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: black 0.1em 0.1em 0.8em;
	line-height: 90px;
}

/* Segunda columna pie */
.footer_col2
{
	width:20% !important;
	margin-left:5%;
}

/* Resumen pie */
.resumen_pie
{
	margin-top:20px;
}

.resumen_pie p
{
	margin-bottom:12px;
	font-size:14px;
	line-height:20px;
	color:#ccc;
}

/* Enlaces pie */
a.iberlobo_pie
{
	color:var(--naranja) !important;	
}

a.qdi
{
	color:#cdde00 !important;
}

a.qdi:hover, a.iberlobo_pie:hover
{
	color:#fff !important;
	font-weight:bold;
}

/*
 * Políticas
 */
.politicas
{
	margin:50px 0px;
	color: var(--gris-oscuro);
}

.politicas h2, .politicas h3, .politicas h4
{
	margin-bottom:15px;
	font-weight:600;
}

.politicas p, .politicas li
{
	line-height:32px;
	margin-bottom:15px;
	color: var(--gris-oscuro);
}

.aviso_form
{
	font-size:12px;
	line-height: 16px;
}

.aviso_form a, a.link_politica
{
	color:var(--naranja-claro);
}

a.link_politica:hover
{
	color:var(--naranja);
}

.btnEnviar
{
	margin: 20px 0px;
}

.btnEnviar input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover
{
	background-color: var(--naranja);
	color:var(--gris-oscuro);
}

/*
 * Socios
 */
.page-id-1675 .container, .page-id-1667 .container, .page-id-1719 .container, .page-id-1739 .container, .page-id-1740 .container, .page-id-1741 .container, .page-id-1742 .container
{
	background-color:var(--gris-oscuro);
}

.page-id-1667 .container p, .page-id-1719 .container p, .page-id-1739 .container p, .page-id-1740 .container p, .page-id-1741 .container p, .page-id-1742 .container p
{
	color:#ccc;
}

h2.tit_socios, h2.contacto
{
	font-weight:900;
	border-bottom:1px solid var(--naranja);
	margin-bottom:30px !important;
	color:var(--naranja);
	padding: 0px 0px 15px;
}

.socios p
{
	line-height:30px;
	margin-bottom:12px;
	color:#ccc;
}

.info_socio
{
	line-height: 30px;
	color: #ccc;
}

.info_socio a
{
	color: #ccc;
	font-weight:600;
}

.info_socio a:hover
{
	color: var(--naranja);
}

.info_socio .fa
{
	color:#ccc;
	font-size: 20px;
	margin-right: 15px;
	min-width: 20px;
}

.rrss_socio .fa
{
	font-size:30px;
	margin-left:10px;
	color:#ccc;
}

.rrss_socio .fa-facebook-official:hover
{
	color:#1877f2;
}

.rrss_socio .fa-instagram:hover
{
	 color: #c13584;
}

.rrss_socio .fa-youtube:hover
{
	color:#c4302b;
}

.rrss_socio .fa:hover
{
	font-size:30px;
}

.otros_socios
{
	text-align:right;
}

.qbutton:hover
{
	background-color:var(--naranja);
	color:var(--gris-oscuro);
}

.btn_descubrir_recursos
{
	margin-left:30px !important;
}

blockquote.with_quote_icon h5 
{
	color:var(--naranja-claro);
	font-style: italic;
	font-size: 16px;
}

/* 
 * Recursos 
 */
.recurso_single
{
	background-color: var(--gris-oscuro);
	color: #fff;
}

.recurso_single .two_columns_66_33, .recurso_single .column1, .recurso_single .column2
{
	background-color: var(--gris-oscuro);
}

.contenidos_recurso
{
	padding:100px 60px 50px;
	color:#fff;
}

.recurso_single h1, .recurso_single h2, .recurso_single h3
{
	color:var(--naranja);
	margin:15px 0px;
}

.recurso_single h2.titulo
{
	font-size:30px;
	color:#fff;
	font-family: "Montserrat Alternates", sans-serif;
	text-transform: lowercase;
	text-transform: capitalize;
}
.recurso_single h2.titulo::after
{
	content:".";
	color:var(--naranja);
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0px;
}

.recurso_single h2
{
	font-size:26px;
	font-family: "Fredoka", sans-serif;
	font-weight:500;
}

p.tipo_recurso
{
	font-style:italic;
	margin:20px 0px;
	color:#fff;
}

ul.localizacion_recurso
{
	list-style: none;
}

ul.localizacion_recurso li
{
	line-height:36px;
}

.descripcion_recurso p, .datos_interes_recurso p
{
	color: #fff;
	line-height:36px;
}

p.numero_recurso
{
	color:var(--naranja);
	margin:0px 0px 10px 0px;
	font-size: 26px;
	font-weight: 600;
	text-align: right;
}

p.tramo_recurso
{
	color:#fff;
	font-size: 21px;
	font-style:italic;
	text-align: right;
	margin:0px 0px 15px 0px;
}

a.enlace_recurso
{
	display:block;
	color:#bbb;
	line-height:36px;
	font-weight:500;
}

a.correo_recurso
{
	color:#bbb;
	font-weight:500;
}

a.enlace_recurso:hover, a.correo_recurso:hover, a.recursos_relacionados:hover
{
	color:var(--naranja);
}

a.enlace_recurso::before
{
	/*content: "→";*/
	content:"🔗";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0px 15px 0px 0px;
}

a.recursos_relacionados
{
	color:#bbb;
	font-weight:500;	
	text-decoration:underline;
}

.recurso-prev a, .recurso-next a, a.back_recursos
{
	display:block;
	padding:12px 0px;
	margin-top:10px;
	background-color:var(--naranja);
	color:#fff;
	text-align:center;
	border-radius:10px;
	text-transform: uppercase;
}

.recurso-prev a:hover, .recurso-next a:hover, a.back_recursos:hover
{
	background-color:#fff;
	color:var(--naranja);	
}

img.recurso_img1
{
	margin-bottom:15px;
}

img.recurso_img2
{
	margin: 15px 0px;
}

.otros_recursos
{
	margin-top: 120px;
}

.recurso_no_localizado
{
	margin:30px;
}

.centrado
{
	text-align:center;
}

/* Grid recursos */
.container_recursos
{
	/*padding: 60px 0px;*/
	padding:0px 0px 20px;
	background-color:var(--gris-oscuro) !important;
}

.recursos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 40px 0;
}

/* Tarjeta */
.recurso-card {
  background: #fff;
  border: 1px solid var(--naranja);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.recurso-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.recurso-card-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Imagen */
.recurso-card-img {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

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

/* Contenido */
.recurso-card-body {
  padding: 14px 16px 18px;
}

.recurso-card-title {
  font-size: 1.05rem;
  margin: 0 0 8px;
  line-height: 1.3;
}

.recurso-card-meta {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  color: #666;
}

.recurso-tipologia {
  font-weight: 600;
}

.recursos-contador {
  margin: 10px 0 20px;
  font-size: 14px;
  color: #666;
}


/* Paginación */
.pagination-wrapper 
{
	margin: 50px 0 0px;
	text-align: center;
}

.pagination-wrapper .page-numbers 
{
	display: inline-block;
	margin: 0 4px;
	padding: 8px 12px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	transition: all 0.2s ease;
}

.pagination-wrapper .page-numbers:hover 
{
	background: #f2f2f2;
	color:var(--gris-oscuro);
}

.pagination-wrapper .page-numbers.current
{
	background: var(--naranja);
	color: #fff;
	border-color: var(--gris-oscuro);
}

.pagination-wrapper .page-numbers.prev, .pagination-wrapper .page-numbers.next 
{
	font-weight: 600;
}

.pagination-jump 
{
	margin: 0px 0px 40px;
	text-align: center;
}

.pagination-jump form 
{
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.pagination-jump select 
{
	width: 50px;
	height: 36px;
	text-align: center;
	border:1px solid #fff;
}

.pagination-jump button 
{
	height: 36px;
	padding: 0 12px;
	border:1px solid #fff;
}


/* Formulario filtros recursos */
.filtros-recursos 
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 25px;
	margin: 0px;
	padding: 30px 30px 30px 50px;
	background: var(--naranja-claro);
}

.filtro-item label 
{
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
	font-size: 14px;
	color: var(--gris-oscuro);
}

.filtro-item input, .filtro-item select 
{
	width: 95% !important;
	border: 1px solid var(--naranja);
	font-size: 14px;
}

.filtro-item select
{
	padding: 8px 20px 8px 10px;
}

.filtro-item input
{
	padding: 8px 0px 8px 10px;
}

.filtro-botones 
{
	display: flex;
	align-items: flex-end;
	gap: 10px;
}

.filtro-botones button 
{
	padding: 8px 14px;
	font-size:14px;
	font-weight:600;
	background: var(--gris-oscuro);
	color: #fff;
	border: none;
	cursor: pointer;
	border:1px solid #fff;
}

.filtro-botones button:hover
{
	background:var(--naranja);
	color:#fff;
}

.filtro-botones a 
{
	text-decoration: none;
}

.filtro-botones a.boton_limpiar
{
	font-size:12px;
	font-style:italic;
}

.filtro-botones a.boton_limpiar:hover
{
	color:#fff;
	font-weight:600;
}

/* Responsive */

@media (max-width: 1024px) {
  .recursos-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

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



/*
 * Móviles
 */
@media (max-width: 1023px)
{
	.contenidos_recurso
	{
		padding:70px 50px 40px;
	}
	
	img.recurso_img1
	{
		margin-bottom:15px;
	}

	img.recurso_img2
	{
		margin: 15px 0px;
	}
	
	.container_recursos
	{
		padding:0px 0px 0px;
	}

}