/*
Theme Name: Quadratia 02
Theme URI: https://www.garajedoce.es
Version: 2.0.1
Description: Copia de trabajo del child Quadratia. El original sigue en la carpeta quadratia.
Author: garajedoce
Author URI: https://www.garajedoce.com
Template: Divi
Text Domain: quadratia
*/  


:root {
    --color-corporativo: #3a3c40;
	--color-secundario: #c81e56;
}


.et_pb_section_video_bg .quadratia-hero-poster {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.et_pb_section_video_bg.is-playing .quadratia-hero-poster {
	visibility: hidden;
}

body .grecaptcha-badge
{
	visibility: hidden !important;
}

.text-stroke p,
.text-stroke div{
    color: transparent;
	transition: color 2s ease;
}

.text-stroke.red p,
.text-stroke.red div
{
	-webkit-text-stroke: transparent !important;
	font-size: clamp(4rem, 4vw, 2rem);
}

.text-stroke p:hover,
.text-stroke div:hover
{
	color:#d6215e20;

}

header .et_pb_blurb_container
{
	padding-left:0px !important;
}

header .et_pb_blurb_content
{
	display: flex !important;
    align-items: center;
	gap:5px;
}

header .et_pb_main_blurb_image
{
	margin:0px !important;
	width:auto !important;
}

.et_pb_slide_content h1
{
	font-size: inherit ;
}

.color-resaltado
{
	color:#c81e56;
}

.et_pb_code .et_pb_code_inner
{
	height:100%;
}

.video-full video
{
	object-fit: cover;
	height: 100vh !important;
}

.video-full video-box
{
	height: 100% !important;
}

.mfp-wrap
{
	z-index: 998 !important;
}


/*	Listado calidades	*/
.listado-calidades ul
{
  list-style-type: none !important;
  padding:0px;
  width:100%;
}

.listado-calidades ul li:not(:first-child)
{
  border-top:1px solid #e0e0e0;
}

.listado-calidades ul li
{
  padding:20px 30px;
}
.listado-calidades ul li:after
{
  content:"Z";
  font-size: 20px;
  color: #c61756;
  font-family: ETmodules !important;
  font-weight: 400 !important;
  position:absolute;
  left:0;
  font-style:normal;
}

/*	Filtros		*/

.et-db #et-boc .et-l .wpc-term-selected a,
.et-db #et-boc .et-l a.wpc-filters-submit-button
{
	color:white;
}

.wpc-filters-widget-wrapper
{
	display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 20px;
    justify-content: center;
}

.wpc-filters-widget-wrapper .wpc-instead-of-posts-found
{
	flex: 1 100%;
}

.wpc-filters-widget-wrapper .wpc-filter-header
{
	display: none !important;
}

.wpc-filters-widget-wrapper input[type=number]
{
    padding: 6px !important;
}
.wpc-filters-widget-wrapper input[type=number]
{
	border: 1px solid silver;
    padding: 5px;
	background-color:#f9f9f9;
}

.wpc-filter-layout-submit-button
{
	gap:15px;
}


.resultado-modelos.noprimera
{
	display:none;	
}
/**************************************
 *  Menu que ponga new
 * *************************************/

.et_mobile_menu .lang-item{
	display: inline-block;
}

.et_mobile_menu li a {
  padding: 4px;
}
.et_mobile_menu {
  overflow-y: auto; /* Activa el scroll vertical */
  max-height: 80vh;
}
.new-menu {
  position: relative; /* Fundamental para que el badge se posicione respecto a este li */
}

.new-menu a::before {
	content: "NEW";
    position: absolute;
    left: 90%;
    transform: translateX(-50%);
    background: #c61756;
    color: white;
    font-size: 0.7em;
    font-weight: bold;
    padding: 0px 10px;
    border-radius: 6px;
}

/**************************************
 *  INICIO estilos TABLA DE CONTENIDO
 * *************************************/

/* Marcamos en BOLD los títulos de las secciones h2 que aparecen en la tabla de contenidos*/

.rtoc-mokuji-content .rtoc-item a:hover
{
  color: #c81e56;
}

.single-post #rtoc-mokuji-wrapper ol.level-1>li a {
	font-weight: bold;

}

.single-post #rtoc-mokuji-wrapper ol.level-1>li .level-2 li a {
	font-weight: normal;
}

.single-post #rtoc-mokuji-wrapper ol.level-1>li a:hover,
.single-post #rtoc-mokuji-wrapper ol.level-1>li .level-2 li a:hover {
	color: #c81e56;
} 



/* Aumentamos el peso de la fuente del título de la Tabla de Contenido */

.single-post #rtoc-mokuji-title span {
	font-weight: 600;
}


/**************************************
 *  FIN estilos TABLA DE CONTENIDO
 * *************************************/


/*
*	Botones
*/
.et_pb_blurb.blurb-button .et_pb_blurb_content
{
	display: flex;
	justify-content: center;
	gap:15px;

}

.et_pb_blurb.blurb-button .et_pb_blurb_content .et_pb_main_blurb_image
{
	margin:0px !important;
}

.et_pb_blurb.blurb-button .et_pb_blurb_content .et_pb_blurb_container 
{
	display: flex;
    align-items: center;
}

/*	
	Efectos hover
*/
a.boton-flecha
{
	text-decoration: none;
	transition: text-decoration-color 0.5s, text-underline-offset 100ms;
	text-underline-offset: 0.4em;

	text-decoration: underline 1px;
	text-decoration-color: #c81e56 !important;
	text-underline-offset: 0.2em;
}



a.boton-flecha:hover::after
{
	margin-left:0.7em !important;
}
a.boton-flecha::after
{
	transition: all 0.9s;
}

.et_pb_column.et_clickable .et_pb_divider:before
{
	transition: all 0.5s !important;
	width:100% !important;
}

.et_pb_column.et_clickable:hover .et_pb_divider:before
{
	width: 150px !important;
}

/*	
	Galerias
*/

.et-pb-slider-arrows .et-pb-arrow-prev
{
	left: -50px !important;
}

.et-pb-slider-arrows .et-pb-arrow-next
{
	right: -50px !important;
}

.et_pb_module.et_pb_gallery
{
	overflow: visible;
}

.et_pb_gallery .et-pb-slider-arrows a
{
	color:#c81e56 !important;
}



.panel-obras .titulo
{
	font-family: 'PT Serif', Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-style: italic;
    margin-top: 25px;
    margin-bottom: 10px;
}

.panel-obras .splide.general img
{
	height: 100%;
    object-fit: cover;
	object-position: top;
}

.panel-obras .splide__slide p.fecha
{
	position: absolute;
    padding: 10px 30px 10px 30px;
    background: #c81e56;
    font-size: 22px;
	font-weight: bold;
    transform: translate(50%, 10px);
    right: 50%;
	color:white;
	line-height: 1em;
}

.splide__slide--has-video,
.thumbnails .splide__list .splide__slide
{
	background-color:black;
}

.thumbnails .splide__list .splide__slide
{
	background-image: url("/wp-content/uploads/video-thumb.webp");
	background-size:cover;
}


/*
*	Listas
*/

ul.lista-enlaces,
.dsm-menu-container ul
{
	margin-left:10px;
}

ul.lista-enlaces li,
.dsm-menu-container ul
{
	list-style-image: url('/wp-content/uploads/tick-lista.png');
}

/**
*	CONTACT FORM
*/

.fondo-oscuro .wpcf7 a
{
	color: white;
	text-decoration: underline;
}

.wpcf7 .fields
{
	display:grid;
	grid-template-columns:1fr 1fr; 
	gap:15px;
}

.wpcf7  .fields .columna_completa
{
	grid-column:1/3;
}

.wpcf7-submit
{
	float:right;
}

.wpcf7 p
{
	padding-bottom: 5px;
}

.wpcf7 p.legal
{
	display: flex;
	text-align:left; 
	line-height:1.1em;
}

.wpcf7 p.legal.small
{
	display: flex;
	text-align:left; 
	line-height:1em;
	font-size:10px;
	margin-top:10px;
}

.wpcf7 .country-list
{
	color:initial;
}
/**
*	Plantillas
*/

.titulo_gestor
{
	color: #c81e56 !important;
	font-style: italic;
	font-size:18px;
}

/**
*	Paginacion
*/

.container-listado .paginacion
{
	text-align:center;
	margin-top:15px;
}

 /* Contenedor de la paginación */
.wp-pagenavi {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 40px 0;
  font-family: 'Poppins', sans-serif; /* tipografía moderna */
}

/* Estilo base de enlaces y números */
.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 2px solid #f50057;  /* rosa */
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  text-decoration: none;
  background: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* sombra suave */
}

/* Hover elegante */
.wp-pagenavi a:hover {
  color: #f5e6eb !important;
  transform: translateY(-2px); /* efecto flotante */
  box-shadow: 0 6px 12px rgba(245, 0, 87, 0.25);
}

/* Página activa */
.wp-pagenavi .current {
  background: #f9f9f9;
  color: #fff;
  font-weight: 600;
  border-color: #f50057;
  box-shadow: 0 6px 12px rgba(245, 0, 87, 0.35);
  transform: scale(1.1); /* más grande para destacar */
	
}


/*
	Carrusel de areas
*/
.dsm_card_carousel.location-carrusel .dsm_card_wrapper
{
	position:absolute;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.8);
	width:100%;
}

.dsm_card_carousel.location-carrusel  p.titulo
{
	
    font-size: 1.75em;
	font-family: 'PT Serif';
	padding-bottom: 5px;
	font-weight: bold;

}

.dsm_card_carousel.location-carrusel  p
{
	font-size: 15px;
	font-weight: 400;

	
}

.dsm_card_carousel.location-carrusel  p.titulo img
{
	padding-right:10px;

}
.wp-pagenavi span.current{
	color:#c61756 !important;
}
/*
	GALERIA
*/

.et_pb_gallery .et_pb_gallery_items.et_post_gallery
{
	height:600px;
	overflow-x: visible;
	overflow-y: hidden;
}

.et_pb_gallery .et_pb_gallery_image
{
	height:100%;
}

.et_pb_gallery .et_pb_gallery_image img
{
	object-fit: cover;
}

.et_pb_gallery_fullwidth .et_pb_gallery_image img, .et_pb_gallery_fullwidth .et_pb_gallery_item
{
	height: 100%;
	max-height: unset !important;
}

.et_pb_gallery .et-pb-controllers > a
{
	background-color: white;
	opacity: 1;
}

.et_pb_gallery .et-pb-controllers > a.et-pb-active-control
{
	background-color: #C61756;
}


.grid-galeria .et_pb_column.et_pb_column_empty
{
	display: block;
}


.texto-inferior-izq
{
	position: relative;
    height: 100%;
}

.texto-inferior-izq .et_pb_text_inner
{
	position: absolute;
    bottom: 40px;
    left: 40px;
}

/*
	GRIDS	
*/

.contenedor.flex
{
	display: flex;
	
}

.contenedor.grid
{
	display: grid;
	
}

.contenedor.blurb
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-items: center;
	gap:15px;
}

.contenedor.blurb.sold
{
	display: flex;
	justify-content: center;
}

.contenedor.blurb .item
{
	display: flex;
	flex-direction: column;
	background-color: #f2f2f2;
	height: 100%;
	width: 100%;
	/*aspect-ratio: 1/1;*/
	justify-content: center;
    align-items: center;
    text-align: center;
	font-size: 18px;
	line-height: 1.1em;
	padding: 15px;
}
.contenedor.blurb.sold .item
{
	max-width: 250px;
	aspect-ratio: 1/1;
}

.contenedor.blurb.top-banner .item
{
	justify-content: space-evenly;
    padding: 30px 30px 30px 30px;
}

.contenedor.blurb .item p.title
{
	color:#C61756;
	font-size: 20px;
}

.contenedor.blurb.equipment .item p.title
{
	font-size: 18px;

}

/*.contenedor.blurb .item img
{
	margin-bottom:20px;
}*/

/*

	Estilos de tablas

*/

table.tabla-oficina
{
	border-collapse: collapse; 
	width: 100%;
}

table.tabla-oficina tr
{
	display: flex;
	flex-wrap: wrap;
	gap:25px;
}
/*
		MODELO
*/

.model.table.features,
.property .activo .features
{
	display: grid !important;
	grid-template-columns: 60px 1fr 1fr 60px 1fr 1fr;
	row-gap:5px;
	align-items: center;
}

.property .activo .features
{
	border: 1px solid #e6e6e7;
}

.property .features
{
	display: none;
}

.model.table.features p
{
	padding:5px;
}

.model.table.features > *,
.property .features > *
{
	height:60px;
	display: flex;
    justify-content: left;
	align-items: center;
	gap:5px;
	background-color: #f9f9f9;
}

.model.table.features .titulo,
.listado-posts.property .property .features > .titulo
{
	color:#C61756;
	text-transform: capitalize;
	font-size:16px !important;
}

.model.table.features .imagen,
.property .features .imagen
{
	background-repeat: no-repeat;
	background-position: center;
}

.features .imagen.precio
{
	background-image: url('/wp-content/uploads/price-from-45.png');
}

.features .imagen.property_area,
.features .imagen.property_property_area
{
	background-image: url('/wp-content/uploads/property_area-45.png');
}

.features .imagen.pool
{
	background-image: url('/wp-content/uploads/pool-45.png');
}


.features .imagen.garage
{
	background-image: url('/wp-content/uploads/garage-45.png');
}

.features .imagen.bedrooms,
.features .imagen.property_bedrooms
{
	background-image: url('/wp-content/uploads/bedroom-45.png');
}

.features .imagen.bathrooms,
.features .imagen.property_bathrooms
{
	background-image: url('/wp-content/uploads/bathroom.png');
}

.features .imagen.terrace,
.features .imagen.property_terrace
{
	background-image: url('/wp-content/uploads/terraces-45.png');
}

.features .imagen.garden,
.features .imagen.property_garden
{
	background-image: url('/wp-content/uploads/garden-45.png');
}

.features .imagen.storage-room
{
	background-image: url('/wp-content/uploads/storage-room-45.png');
}

.features .imagen.jacuzzi
{
	background-image: url('/wp-content/uploads/jacuzzi-45.png');
}

.features .icono
{
	font-family: 'ETModules';
	font-size: 125%;
}

html:lang(es-ES) .model.table.features .valor.terrace::after,
html:lang(es-ES) .model.table.features .valor.property_area::after,
html:lang(es-ES) .model.table.features .valor.garden::after,
html:lang(es-ES) .property .features .valor.property_terrace::after,
html:lang(es-ES) .property .features .valor.property_property_area::after,
html:lang(es-ES) .property .features .valor.property_garden::after

{
	content: 'm²';
	padding-left:5px;
}

.model.table.features .valor.terrace::after,
.model.table.features .valor.property_area::after,
.model.table.features .valor.garden::after,
.property .features .valor.property_terrace::after,
.property .features .valor.property_property_area::after,
.property .features .valor.property_garden::after

{
	content: 'sqm';
	padding-left:5px;
}

.model.table.features .valor.price,
.property .features .valor.price
{
	grid-column: 3/7;
	font-size: 125%;
}

/*
	LISTADO DE INMUEBLES
*/

.listado-posts.model .listado-posts.property
{
	padding:20px;
	grid-column:1/-1;
	width:100%;
	row-gap: 5px;
}

.listado-posts.model .item.no-property .listado-posts.property
{
	display:none;
}

.listado-posts.property
{
	display: flex;
	flex-direction: column;
}

.listado-posts.property .property.activo
{
	padding: 0px;
    background-color: #f9f9f9;
    margin-bottom: 15px;
}

.listado-posts.property .property.sold
{
	display: none;
}


.listado-posts.property .property .info
{
    display:grid;
	grid-template-columns: 200px auto auto auto;
	cursor:pointer;
	padding:10px 15px;
	gap:15px;
	justify-items:flex-end;
}

.listado-posts.property .property.activo .info,
.listado-posts.property .property .info:hover
{
	background-color: #C61756;
    color: white;
}

.listado-posts.property .property .info:hover > a
{
	color:white;	
}

.listado-posts.property .property .info > *:first-child
{
	justify-self: start;
	margin-right: auto;
}

/*
*
*	IMAGEN INTERACTIVA
*/

.imagen-interactiva.oculto
{
	opacity: 0;
    position: absolute;
    top: 0;
	display: none;
}

.imagen-interactiva
{
    transition: opacity 1s;
    opacity: 1;
}

.menu-bloques
{
	display: flex;
	gap:15px;
}

.menu-bloques .et_pb_button
{
	cursor: pointer;
}


.menu-bloques .et_pb_button:not(.activo)
{
	color:#A51246;
	background-color: white;
}

.hotspots-map-container,
.hotspots-container .hotspots-image-container>img
{
	max-height:80vh !important;
	min-height: 300px !important;
}



/**
*	BLOG
*/

.et_pb_posts .et_pb_ajax_pagination_container
{
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.et_pb_posts .et_pb_ajax_pagination_container article
{
	background-color: #f9f9f9;
	margin:0px;
}

.et_pb_posts .et_pb_ajax_pagination_container div
{
	grid-column: 1/3;
}

.et_pb_posts .et_pb_ajax_pagination_container article:first-child
{
	grid-column: 1/3;
}

.et_pb_posts .et_pb_ajax_pagination_container article .entry-featured-image-url
{
	margin:0px;
}

.et_pb_posts .et_pb_ajax_pagination_container article .entry-title
{
	padding:25px;
	font-style: italic;
	font-family: "PT Serif", Georgia, "Times New Roman", serif;
}

.et_pb_posts .et_pb_ajax_pagination_container article .post-meta
{
	padding: 0px 25px 0px 25px;
    text-transform: uppercase;
    
}

.et_pb_posts .et_pb_ajax_pagination_container article .post-meta a
{
	color: #C61756;
}

/*	BLOG - ENTRADA	*/
.single-post .et_pb_post_content p,
.single-post .et_pb_post_content li
{
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 400;;
}

.single-post .et_pb_post_content ul
{
	padding-left: 40px;
}

.single-post .et_pb_post_content li
{
	margin-bottom:10px;
}

.single-post .et_pb_post_content h1,
.single-post .et_pb_post_content h2,
.single-post .et_pb_post_content h3
{
	font-style: italic;
	margin-top:40px;
	font-size:40px;
}


.single-post img{
	margin-bottom:20px;
}

.single-post .et_social_networks
{
	margin-top: 30px;
}

.single-post blockquote
{
    margin: 30px;
    color: #c61756;
}

.single-post .et_pb_post_content blockquote p
{
	font-size:26px
}

.single-post blockquote cite
{
	font-size: 16px;
	margin-top: 20px;
    color: #3a3c40;
}



/*
 * TABLET
 */
 @media (max-width: 980px)
 {
    html 
	{
		font-size:14px;
	}

	.invertir_columna_mobile
	{	
		display: flex;
		flex-direction: column-reverse;
	}


 }




/*POST*/
 
/****************************************************************************
 INICIO: Estilos DEL FILTRO

*****************************************************************************/
.wpc-filters-scroll-container{
	display:flex;
	justify-content:center;
}
.widget_block .widget_categories {
  margin: 0 !important;
}
ul.wp-block-categories-list.lista-categoria.wp-block-categories{
	margin:30px 0px !important;
}
.wpc-filters-widget-wrapper .wpc-filter-header,
.wpc-filters-widget-wrapper .wpc-filter-content {
  display: block !important;
  visibility: visible !important;
}

.wpc-filters-widget-wrapper {
    align-items: center;
	gap:70px !important;
	background:#f9f9f9;
	width: 1080px !important;
   
}
.wpc-filter-content{
	padding: 15px;
    background: white;
}
.wpc-filters-widget-select {
	padding:0px !important;
	margin:0px !important;
}
.wpc-filter-layout-submit-button{
	margin: 0px !important;
}
.wpc-filters-section.wpc-filter-layout-submit-button{
	background: transparent;
}

.wpc-filters-widget-wrapper select {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.wpc-filter-content .wpc-filters-widget-select{
	font-size:16px;
	font-weight: bold;
	 padding: 0px !important ;
}
.wpc-filter-header{
	color:#999;
	padding: 0px !important;
}
.wpc-filters-submit-button,
.wpc-filters-reset-button{
	font-size:16px !important;
	padding: 6px 20px!important;
}
.wpc-filters-submit-button:hover,
.wpc-filters-reset-button:hover{
	font-size:16px !important;
	background:white !important;
	border:2px solid #c51152 !important;
	color:#c51152 !important;
}
.widget-title.wpc-filter-title{
	font-weight: 700;
	font-size: 16px;
    color: #666;
}


@media (max-width: 768px) {
  .wpc-filters-widget-wrapper {
    display: block !important;
	padding:20px;
  }
 a.wpc-filters-submit-button,
 a.wpc-filters-reset-button
{
		width:50% !important;
 }
 
}

/****************************************************************************
 Fin: Estilos ARTÍCULOS DEL FILTRO

*****************************************************************************/

/*****************************************
Inicio: Leer más — estilo pestañas (gris/magenta)
******************************************/

/* Quita el triangulito del summary */
.descripcion-categoria details > summary::-webkit-details-marker,
.descripcion-categoria details > summary::marker {
  display: none;
  content: "";
}

/* Botón base (inactivo) */
.descripcion-categoria details > summary {
  display: inline-block;
  padding: 10px 28px;
  border: 1px solid #E5E7EB;         /* Borde gris suave */
  border-radius: 4px;                /* Esquinas suaves */
  background: #F2F4F7;               /* Fondo gris claro */
  color: #4B5563 !important;         /* Texto gris medio */
  font-weight: 600;
  font-size: 0.95rem;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin: 10px 0px !important;             /* Separación entre botones */
}

/* Hover */
.descripcion-categoria details > summary:hover {
  background-color: #E9ECF1;
  border-color: #DDE2EA;
  color: #374151 !important;
}

/* Activo (cuando el <details> está abierto) */
.descripcion-categoria details[open] > summary {
  background-color: #C01558;         /* Magenta como el activo de la imagen */
  border-color: #C01558;
  color: #FFFFFF !important;
   margin: 10px 0px;
}

/* Texto dentro del details */
.descripcion-categoria details > p {
  margin: 10px 0 0 0;
  line-height: 1.6;
}

/* Animación al abrir */
@keyframes cat-sweep {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.descripcion-categoria details[open] > *:not(summary) {
  animation: cat-sweep 0.2s ease-out;
}

/*****************************************
FIN: Leer más
******************************************/
/****************************************************************************
 INICIO: Estilos ARTÍCULOS DEL BLOG 
*****************************************************************************/

/* Global Styles (Within Post Content) */
.single-post #main-content .et_pb_post_content {
  color: #444;
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1em;
  font-size: 1.1em; /* Aumenta el tamaño base de la fuente */
}

/* Headings */
.single-post #main-content .et_pb_post_content h2 {
  font-size: 2.8em;
  font-weight: 700;
  color: #c61756;
  margin: 2em 0 0.8em;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  padding-bottom: 5px;
}

/* Subheadings */
.single-post #main-content .et_pb_post_content h3 {
  font-size: 2.2em;
  font-weight: 700;
  color: #727070; 
  margin:20px 0px;
}

/* Section headers (h4) */
.single-post #main-content .et_pb_post_content h4 {
  font-size: 1.6em;
  font-weight: 600;
  color: #555;
  border-left: 0.25em solid #c61756;
  padding-left: 0.625em;
  font-style: italic;
}

/* Paragraphs */
.single-post #main-content .et_pb_post_content p {
  font-size: 1.4em; /* Ajusta los párrafos en relación al nuevo tamaño base */
  text-align: justify;
  color: #555;
   margin-bottom:1em;
}

.single-post #main-content .et_pb_post_content a:hover {
  text-decoration: underline;
  color: #c61756;
}

.rtoc-mokuji-content{
	max-width:none !important;
}
	
/* Números personalizados en listas ordenadas */
/* SOLO listas ordenadas de primer nivel dentro del post */
.single-post .et_pb_post_content ul.wp-block-list {
  list-style: none;
  padding-left: 1.5em;
}

.single-post .et_pb_post_content ul.wp-block-list ul.wp-block-list li 
{
  font-size: 1em;
  margin-top: 1.5em;
}


.single-post .et_pb_post_content .wp-block-list li 
{
  position: relative;
  padding-left: 1.5em;
  font-size: 1.4em;
}

.single-post .et_pb_post_content ul.wp-block-list li::before {
  content: '';
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: linear-gradient(135deg, #C61756, #A51246);
  position: absolute;
  left: 0;
  top: 0.6em;
}

.single-post .et_pb_post_content ul.wp-block-list li::marker {
  content: '';
  display: none;
}
 .single-post .et_pb_post_content .wp-block-list li::marker
{
   color: #c61756;
   font-weight: bold;
}
/*CITAS*/

/* BLOQUE GENERAL DE BLOCKQUOTE */

.wp-block-quote.wp-block-quote-is-layout-flow {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  padding: 40px 30px;
  margin: 40px auto;
  max-width: 900px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.4s ease;
  overflow: hidden;
}

/* Hover con cambio de fondo y borde colorido */
.wp-block-quote.wp-block-quote-is-layout-flow:hover {
  background-color: #f7f7f7;
  border: 1px solid #d6006d;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.wp-block-quote.wp-block-quote-is-layout-flow p {
  font-size: 1.2rem;
  font-style: italic;
  color: #444;
  line-height: 1.6;
  margin-bottom: 20px;
}

.wp-block-quote.wp-block-quote-is-layout-flow cite {
  font-weight: 700;
  color: #d6006d;
  font-size: 1.1rem;
  display: block;
}

/* Logo decorativo en esquina inferior derecha */
.wp-block-quote.wp-block-quote-is-layout-flow::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-color: #6e6e6e;
  background-image: url('https://www.quadratia.com/wp-content/uploads/logo.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
  border-top-left-radius: 20px;
}
.wp-block-quote.wp-block-quote-is-layout-flow p::before {
  content: "“";
  font-size: 1.5em;
  margin-right: 0.2em;
  color: #c61756;
}

.wp-block-quote.wp-block-quote-is-layout-flow p::after {
  content: "”";
  font-size: 1.5em;
  margin-left: 0.2em;
  color: #c61756;
}


/* Estilos generales para la tabla */
.single-post #main-content .et_pb_post_content .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  color: #333;
 
}

/* Estilo para los encabezados de la tabla */
.single-post #main-content .et_pb_post_content .wp-block-table th,
.single-post #main-content .et_pb_post_content .wp-block-table td {
  padding: 1.5em 2em;
  text-align: left;
  font-size: 1.1em;
  color: #555;
 
}

/* Fondo del encabezado */
.single-post #main-content .et_pb_post_content .wp-block-table td:first-child {
  background-color: #f1f1f1;
  /* Fondo gris suave para las celdas del encabezado */
  font-weight: bold;
  color: #333;
  text-align: center;
}

/* Estilo de las celdas normales */
.single-post #main-content .et_pb_post_content .wp-block-table td {
  background-color: #f9f9f9;
  /* Fondo suave para las celdas */
  text-align: left;
  /* Alineación izquierda del contenido */
}

/* Ajustes para la tabla en dispositivos móviles */
.single-post #main-content .et_pb_post_content .wp-block-table figure {
  overflow-x: auto;
  /* Desplazamiento horizontal en pantallas pequeñas */
  margin: 0;
  width: 100%;
}

/*********************************************
 * Módulo de Preguntas frecuentes de YoastSEO
 *********************************************/

.single-post #main-content .et_pb_post_content .schema-faq h3.schema-faq-question {
	font-size: 1.6em;
	color: rgb(68, 68, 68);
	margin-bottom: 10px;
}

/****************************************************************************
/* CONCLUSIONES */
/****************************************************************************

/* BLOQUE CONTENEDOR */
.single-post #main-content .et_pb_post_content .wp-block-group.g12-post-conclusiones {
  position: relative;
  background: #ffffff;
  padding: 5em 3em 3em;
  margin-top: 6em auto 0em;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.4s ease;
  border: 1px solid transparent;
}
.single-post #main-content .et_pb_post_content .wp-block-group.g12-post-conclusiones:hover {
	background-color: #f7f7f7;
    border: 1px solid #d6006d;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
	
}


/* TÍTULO ESTILO PESTAÑA */
.single-post #main-content .et_pb_post_content .wp-block-group.g12-post-conclusiones h2 {
  position: absolute;
  top: -46px;
  left: 0;
  padding: 0.7em 2em;
  font-size: 1.2em;
  color: #fff;
  background: linear-gradient(90deg, #c61756, #a51246);
  border-top-left-radius: 8px;
  border-bottom-right-radius: 12px;
  letter-spacing: 1px;
}

/* CITA OPCIONAL */
.single-post #main-content .et_pb_post_content .wp-block-group.g12-post-conclusiones blockquote {
  background-color: #fefefe;
  border-left: 4px solid #c61756;
  padding: 1.4em 2em;
  margin: 2.5em 0;
  font-style: italic;
  color: #555;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* EVITAR QUE EL H2 CUBRA CONTENIDO */
.single-post #main-content .et_pb_post_content .wp-block-group.g12-post-conclusiones > * {
  position: relative;
  z-index: 1;
}
.g12-post-conclusiones ul.wp-block-list li
{ 
	list-style-type:none !important;
}

.g12-post-conclusiones ul.wp-block-list li::before{
  content: '' !important;
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #C61756;
  margin-right: 0.5em; /* opcional: separa el círculo del texto */
}
.g12-post-conclusiones ul.wp-block-list li::marker {
  content: '' !important;
  display: none;
}


/****************************************************************************
 FIN: Estilos ARTÍCULOS DEL BLOG
*****************************************************************************/


/**************************************
Ajustes filtro categorias en el Blog 
*************************************/

.blog ul.wpc-filters-ul-list {
	display: flex !important;
	flex-wrap: wrap;
}

/* Para poner la categoría de noticias primero */

.blog ul li:has(a[href*="noticias"]),
.blog ul li:has(a[href*="news"]),
.blog ul li:has(a[href*="nouvelles"]),
.blog ul li:has(a[href*="aktualnosci"]),
.blog ul li:has(a[href*="nieuws"])
{
	order: -1;
}

/* ============================================================
   Chips minimalistas con borde gris y texto rosa
   ============================================================ */
.et_pb_widget.widget_block.widget_categories{
  width:100% !important;
  max-width:100% !important;
  display:block;
  margin:0px;
}
.wp-block-categories-list{
   list-style: none;    /* quita viñetas */
    padding: 0;
    margin: 0;
    display: grid;       /* activa grid */
    grid-template-columns: repeat(3, 1fr); /* 3 columnas iguales */
    gap: 1.5rem;         
}

.wp-block-categories-list a{
  display:flex;
  align-items:center;
  justify-content:center;

  padding:4px 10px;                /* Como tu ejemplo */
  border: 1px solid #cfd2dc42;
  background: #cfd2dc42;

  font-size:15px;
  font-weight:500;
  text-decoration:none;

  color:#c2185b;                   /* Rosa del texto */
  cursor:pointer;
  transition:all .25s ease;
  margin-left:0;                   /* Quita sangrías */
}

/* Hover */
.wp-block-categories-list a:hover{
  background:#c2185b;              /* Fondo rosa */
  border-color:#c2185b;
  color:#fff !important;           /* Texto blanco */
}

/* Activo (categoría actual) */
.wp-block-categories-list .current-cat > a{
  background:#c2185b;
  border-color:#c2185b;
  color:#fff !important;
}
/* ────────────── Ordenar ────────────── */
/* ──────────────  ────────────── */
/* ──────────────  ────────────── */

 /* ────────────── Fin: Ordenar ────────────── */

@media screen and (min-width: 981px) and (max-width: 1350px) {
	.blog .wpc-filter-category ul li.wpc-term-item label {
		min-width: 140px;
	}
}

@media screen and (max-width: 779px) {
	.blog .wpc-filter-category ul li.wpc-term-item label {
		min-width: 120px;
	}
}


/*********************************************************************************************
 * INICIO: Popup Libro (aunque podemos hacer que afecte a todos los popups hechos con Supreme)
**********************************************************************************************/

.dsm-popup-container {
	pointer-events: none; /* Hacemos que el padre no responda a los eventos clikc y que los deje pasar */
}

.dsm-popup-container .dsm-popup:has(.popup-ebook) {
	pointer-events: all; /* Hacemos que el hijo que contiene el popup del ebook sí que responda a los eventos clikc para poder cerrarlo */
}

.dsm-popup-wrap .mfp-close .et-pb-icon
{
	color:white;
}

/*******************************************************************************
 * FIN: Popup Libro (aunque afectará a todos los popups hechos con Supreme)
********************************************************************************/



/*
 * TABLET
 */

 @media (max-width: 980px)
 {
 	/**
	*	Menu
	*/

	/*header .et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap
	{
		justify-content: center !important;
	}*/

	/*
	GALERIA
	*/

	.et_pb_gallery .et_pb_gallery_items.et_post_gallery
	{
		height:350px;
	}
	 
	.et_pb_posts .et_pb_ajax_pagination_container div
	{
		grid-column: unset;
	}

 }


/*
 * 
 * 
 *  MÓVIL
 * 
 * 
 */


@media (max-width: 768px)
{

	
	html 
	{
		font-size:14px;
	}
	.cmplz-cookiebanner .cmplz-buttons 
	{
        flex-direction: row !important;
    }
	
	  .et_pb_posts .et_pb_ajax_pagination_container {
		display: block;          /* asegúrate que el contenedor se comporte como bloque */
	  }
	
	.model.table.features,
	.property .activo .features
	{
		grid-template-columns: 60px 1fr 1fr;
	}

	.listado-posts.property .property .info
	{
		display:flex;
		flex-wrap:wrap;
	}
	
	
	.listado-posts.model .listado-posts.property
	{
    	padding: 10px 0px;
	}
	
	.listado-posts.property .property .info > .titulo
	{
		flex: 1 0 100%;
	}
	
	/* ===========================
   WIDGET CATEGORÍAS — MÓVIL
   =========================== */

	  .et_pb_widget.widget_block.widget_categories{
	  width:100% !important;
	  max-width:100% !important;
	  display:block;
	}

	/* ===== Lista ===== */
	ul.wp-block-categories-list.wp-block-categories{
	  position: relative;
	  display: flex;
	  flex-direction: column;
	  margin: 0;
	  padding-left: 0;
	  list-style: none;
	}

	/* ===== Items ===== */
	ul.wp-block-categories-list.wp-block-categories > li{
	  position: relative;
	  z-index: 2;
	  margin: 12px 15px 0;
	  flex: 0 0 auto;
	}

	/* ===== Enlaces estilo chip ===== */
	ul.wp-block-categories-list.wp-block-categories > li > a{
	  display:block;
	  width:100%;
	  min-height:44px;
	  padding:10px 14px;
	  text-align:center;

	  font: 500 1rem/1.2 inherit;
	  text-decoration: none;

	  background:#fff;
	  border:1px solid #cfd2dc;
	  color:#c2185b;

	  border-radius:3px;
	  transition: all .25s ease;
	}
	ul.wp-block-categories-list.wp-block-categories > li > a:hover{
	  background:#c2185b;
	  border-color:#c2185b;
	  color:#fff !important;
	}
	ul.wp-block-categories-list.wp-block-categories .current-cat > a,
	ul.wp-block-categories-list.wp-block-categories a[aria-current="page"]{
	  background:#c2185b;
	  border-color:#c2185b;
	  color:#fff !important;
	}
	
	.panel-obras .splide__slide p.fecha
	{
		padding: 2px 5px 2px 5px;
		font-size: 12px;
		/*transform: translate(50%, 10px);
		right: 50%;*/
	}


	.model.table.features 
	{
		display: grid;
		grid-template-columns: 55px 0.2fr 1fr;
		row-gap:5px;
		align-items: center;
	}

	.model.table.features .valor.price
	{
		grid-column: unset;
		font-size: 125%;
		display: flex;
		flex-direction: column;
		align-items: start;
	}

	.texto-inferior-izq .et_pb_text_inner
	{
		position: absolute;
		bottom: 20px;
		left: 20px;
	}

	.contenedor.blurb
	{
		grid-template-columns: 1fr 1fr;
	}


	.et_pb_posts .et_pb_ajax_pagination_container article:first-child
	{
		grid-column: unset;
	}



	.video-full video
	{
		height: auto !important;
	}

	.et-pb-slider-arrows .et-pb-arrow-prev
	{
		left: -30px !important;
	}

	.et-pb-slider-arrows .et-pb-arrow-next
	{
		right: -30px !important;
	}


	.splide__pagination
	{
		display: none;
	}

	 
	 /*Post*/
	 
 	/* Global: Reducir padding para pantallas pequeñas */
  .single-post #main-content .et_pb_post_content {
    padding: 0 0.5em;
    font-size: 1em; /* Ajusta el tamaño base en móviles */
  }

  /* Headings: Ajustar tamaños y márgenes */
  .single-post #main-content .et_pb_post_content h2 {
    font-size: 2.2em;
	  
  }

  .single-post #main-content .et_pb_post_content h3 {
    font-size: 1.8em;
	  text-transform: none;
	 
  }

	 
  .single-post #main-content .et_pb_post_content h4 {
    font-size: 1.4em;
  }

  /* Párrafos: Ajustar fuente y espaciado */
  .single-post #main-content .et_pb_post_content p {
    font-size: 0.9em; /* Ajusta los párrafos en móviles */
    margin-bottom: 1em;
  }

  /* Enlaces: Mantener comportamiento hover en móviles */
  .single-post #main-content .et_pb_post_content a:hover {
    text-decoration: underline;
  }


  .wp-block-quote.wp-block-quote-is-layout-flow p {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .wp-block-quote.wp-block-quote-is-layout-flow cite {
    font-weight: 700;
    display: block;
  }

  /* Logo decorativo abajo a la derecha */
  .wp-block-quote.wp-block-quote-is-layout-flow::after {
    height: 60px;
    background-size: 50%;
  }

  /* Tablas: Reducir tamaño de fuente */
  .single-post #main-content .et_pb_post_content .wp-block-table table {
    font-size: 0.9em;
  }

	  /* Conclusiones: Ajustes para móviles */
	.single-post #main-content .et_pb_post_content .wp-block-group.g12-post-conclusiones {
	  padding: 2em 1.5em;
	  margin: 2em 0;
	  border-radius: 12px;
	  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	}

	/* Título pestaña (se reposiciona mejor) */
	.single-post #main-content .et_pb_post_content .wp-block-group.g12-post-conclusiones h2 {
	  position: relative;
	  top: auto;
	  left: auto;
	  display: inline-block;
	  margin-bottom: 1em;
	  padding: 0.6em 1.2em;
	  font-size: 1.1em;
	  background: linear-gradient(90deg, #c61756, #a51246);
	  color: #fff;
	  border-radius: 8px;
	}


	.single-post .et_pb_post_content li{
		font-size: 0.9em;
	}


	/* Cita interna */
	.single-post #main-content .et_pb_post_content .wp-block-group.g12-post-conclusiones blockquote {
	  padding: 1em;
	  margin: 1.5em 0;
	  font-size: 0.95em;
	}
	 
	 /* Ajustes para la tabla en dispositivos móviles */
	 .single-post #main-content .et_pb_post_content .wp-block-table figure {
		 overflow-x: auto;
		 /* Desplazamiento horizontal en pantallas pequeñas */
		 margin: 0;
		 width: 100%;
	 }
	
	/*	Plantillas de area, eliminar espacios	*/
	body[class*="area-template"] #et-boc .et-l .et_pb_section{
		
    padding: 0 !important;
	}
  
	/*
	 * 	CITAS
	 * */
	
		 .wp-block-quote.wp-block-quote-is-layout-flow {
		padding: 25px 15px;
		font-size: 1rem;
	  }

	  .wp-block-quote.wp-block-quote-is-layout-flow p {
		font-size: 1rem;
	  }

	  .wp-block-quote.wp-block-quote-is-layout-flow cite {
		font-size: 0.95rem;
	  }

	  .wp-block-quote.wp-block-quote-is-layout-flow::after {
		width: 50px;
		height: 50px;
		background-size: 60%;
	  }
	
 	/*
		GALERIA
	*/

	.et_pb_gallery .et_pb_gallery_items.et_post_gallery
	{
		height:250px;
	}
	
 }



/*	Calidades por bloques (shortcode g12_promotion_stats data=quality_blocks)	*/
.calidades-bloques ul
{
  margin:0 0 10px;
}

.calidades-bloques ul li
{
  position:relative;
  line-height:1.5em;
}

.calidades-bloques ul li:after
{
  top:20px;
}

.calidades-bloques .calidades-bloque-titulo
{
  font-family:'PT Serif', serif;
  font-size:20px;
  font-weight:700;
  padding:20px 0 5px;
  margin:0;
  border-bottom:1px solid #e0e0e0;
}

.calidades-bloques .calidades-bloque-titulo:first-child
{
  padding-top:0;
}

.modulo-calidades-bloques .calidades-bloques ul li
{
  font-family:'PT Serif', serif;
  font-size:18px;
}


/*	Tipologías y precios: número de disponibles junto al modelo	*/
.listado.modelos .titulo .disponibles
{
  font-size:0.7em;
  font-weight:400;
  white-space:nowrap;
}