/*
Theme Name: Avannza
Theme URI: https://www.garajedoce.es  
Version: 1.0
Description: Tema hijo para Avannza
Author: garajedoce
Author URI: https://www.garajedoce.com
Template: Divi
*/  

/*	GENERAL	*/
#gform_1 #input_1_6:disabled,
#gform_1  #input_1_3:disabled
{
	background-image:url("/wp-content/uploads/cargando.gif");
	background-repeat: no-repeat;
	background-position: center;
    background-size: 32px;
}


/**********************************************************
 * INICIO: Acordeones siempre visibles aún sin javascript
/**********************************************************/

html.no-js .et_pb_accordion .et_pb_toggle_content {
  display:block !important;
  height:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}

html.no-js .et_pb_accordion .et_pb_toggle {
	background: #afd3cf;	
}

/**********************************************************
 * FIN: Acordeones siempre visibles aún sin javascript
/**********************************************************/


/************************************************
 * INICIO: Estilos para la PAGINACIÓN del BLOG
 ************************************************/

.blog div:has(> div.wp-pagenavi) {
	grid-column: 1 / -1;
}

.wp-pagenavi {
	text-align: center;
	border-top: 0px;
}

.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 40px;
	aspect-ratio: 1/1;
	height: auto;
	font-weight: bold !important;
	font-size: 1.02em !important;
}

.wp-pagenavi a:hover {
	outline: 1px solid #266d78 !important;
	color: #266d78 !important;
}

.wp-pagenavi span.current {
	background-image: radial-gradient(circle at top, #00808c 0%, #266d78 100%);
	color: white !important;
	font-weight: bold !important;
}

.blog .wp-pagenavi .nextpostslink,
.blog .wp-pagenavi .previouspostslink {
    color: #266d78 !important;
	font-weight: bold !important;
}



.formulario-vertical .gform_fields.top_label
{
  display:flex;
  flex-direction:column;
  row-gap:10px;
}

/************************************************
 * FIN: Estilos para la PAGINACIÓN del BLOG
 ************************************************/

/*
 * Cabecera
 * 
 */
 
#main-header .logo_container a img 
{
  content: url(/wp-content/uploads/logotipo_avannza_white.svg);
}

#et-main-area
{
  margin-top: -90px;
}

#main-header:not(.et-fixed-header)
{
  background-color:transparent;
  box-shadow: none;
}

#main-header.et-fixed-header .logo_container a img 
{
  content: url(/wp-content/uploads/logotipo_avannza.svg);
}


#main-header:not(.et-fixed-header) #et-top-navigation
{
    max-width: 55%;
    padding-left: 0px !important;
}

#main-header:not(.et-fixed-header) .et_menu_container ul#top-menu 
{
	display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 25px;
}

#main-header:not(.et-fixed-header) .et_menu_container ul#top-menu > .menu-item
{
	padding-right: 0px;
}
.et_menu_container ul#top-menu > li.menu-item.destacado > a
{
	background: #fa9582;
    padding: 10px !important;
    color: white !important;
    border-radius: 5px;
}
#top-menu li li a {
    padding: 6px 10px;
    width: 200px;
}

/*******************************************************
 *  Inicio estilos TABLA DE CONTENIDO RTOC en los posts
********************************************************/

#rtoc-mokuji-widget-wrapper
{
    border-radius: 15px ;
	margin-bottom: 60px;
	border:0px;
}



.single-post .et_pb_post_content #rtoc-mokuji-wrapper ol li::before {
	font-weight: 700; /* Cambiamos el peso de los números en la tabla de contenidos */
}

/*******************************************************
 *  FIN estilos TABLA DE CONTENIDO RTOC en los posts
********************************************************/

/*
 * 		Carrusel
 */
 
.dsm_card_carousel  .et_pb_module_inner
{
  column-gap:60px !important;
}

.dsm_card_carousel  .dsm_card_title
{
  margin-bottom:50px;
}

.dsm_card_carousel  .et_pb_module_inner:nth-child(even)
{
  flex-direction:row-reverse !important;
}

.dsm_card_carousel.slider-terapias  figure:after,
.borde-color:after
{
	content:"";
	position:absolute;
	top: 10px;
	left:10px;
	border: 3px solid #AFD3CF;
	border-radius: 35px;
	height: 100%;
	width:100%;
}

.dsm_card_carousel.slider-terapias  .dsm_card_carousel_child h3
{
	position: relative;
}

.dsm_card_carousel.slider-terapias  .dsm_card_carousel_child h3:after,
.subrayado-destacado:after
{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 8px;
    background: #e9baab;
    left: 0;
    width: 100px;
}

/* Estilo para citas o quotes en WordPress */
.wp-block-quote {
    background-color: #f1f1f1; /* Fondo gris claro */
    border-left: 8px solid #fcc0b2; /* Borde izquierdo color principal */
    color: #003133; /* Texto color secundario */
    padding: 25px 20px 20px;
    margin: 30px auto 20px; /* Centra el bloque */
    font-style: normal;
    font-size: 1.1em;
    border-radius: 10px; /* Bordes redondeados */
    position: relative;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Sombra para destacar */
    max-width: 600px; /* Ancho máximo */
}

.wp-block-quote::before {
    content: "“"; /* Comillas de apertura */
    font-size: 6em; /* Tamaño de comillas aumentado */
    color: #003133; /* Color de las comillas */
    position: absolute;
    left: 10px;
    top: 15px;
    opacity: 0.8; /* Transparencia leve */
}

.wp-block-quote p {
    margin: 0;
    padding-left: 30px; /* Aumenta el espacio para las comillas grandes */
    line-height: 1.6;
	font-style: italic;
}

.wp-block-image img {
	border-radius: 25px;
}

.article-content h2,
.article-content h3,
.article-content h4 {
	margin-top: 30px;
}

.article-content h2 {
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fa9582;
}

.article-content h3 {
	font-size: 1.5em;
	font-weight: bold;
}

.article-content h4 {
	font-size: 1.3em;
	font-style: italic;
}

.article-content p {
	margin-top: 10px;
}

.article-content ul li,
.article-content ol li{
	margin-top: 15px;
}

.article-content ul {
  list-style-type: none; /* Elimina el estilo predeterminado de la lista */
  padding-left: 0;
}

.article-content li {
  position: relative; /* Permite posicionar el pseudo-elemento */
  padding-left: 25px; /* Espacio a la izquierda para el símbolo */
}

.article-content li::before {
  content: "✚"; /* El símbolo que quieres usar */
  color: #fa9582; /* El color del símbolo */
  font-size: 20px; /* Tamaño del símbolo */
  position: absolute; /* Posiciona el símbolo absolutamente respecto al li */
  left: 0; /* Posiciona el símbolo a la izquierda */
  top: 0; /* Alinea el símbolo con el texto */
}

/* Estilo para los enlaces con subrayado grueso */
.article-content p a {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, #fa95825b 40%) !important;
    text-decoration: none !important;
}

/* Diseño especial listas */

.list_design ul li,
.list_design ol li{
	margin-top: 15px;
}

.list_design ul {
  list-style-type: none; /* Elimina el estilo predeterminado de la lista */
  padding-left: 0;
}

.list_design li {
  position: relative; /* Permite posicionar el pseudo-elemento */
  padding-left: 25px; /* Espacio a la izquierda para el símbolo */
}

.list_design li::before {
  content: "✚"; /* El símbolo que quieres usar */
  color: #fa9582; /* El color del símbolo */
  font-size: 20px; /* Tamaño del símbolo */
  position: absolute; /* Posiciona el símbolo absolutamente respecto al li */
  left: 0; /* Posiciona el símbolo a la izquierda */
  top: 0; /* Alinea el símbolo con el texto */
}

/* Eliminos los before de los list items en los OL */
.single.single-post ol.wp-block-list li::before {
	content: none;
}

/* Estilos para los números de los list items en los OL */
.single.single-post ol.wp-block-list li::marker {
	font-size: 1.4em;
	color: #fa9582;
	font-weight: 900;
}

/************************************************
 * Tripetto
 ************************************************/
.eOQOWB {
	background-color: #fff !important;
}


/************************************************
 * INICIO: Diseño Seccion - Puntos Clave - Blog
 ************************************************/

.single-post .et_pb_post_content .g12-bg-puntos-clave {
	position: relative;
	padding: 1em 1.9em;
    background: #b3d8dc40;
    margin-top: 2em;
	margin-bottom: 2em;
    border-top: 8px solid #00808c;
    border-radius: 8px;
}

.g12-bg-puntos-clave h2 {
	color: #00808c;
	margin-bottom: 25px;
	text-align: center;
	font-size: 2em;
}

.g12-bg-puntos-clave ol {
    list-style-type: none; /* Quita el estilo predeterminado de los números */
    counter-reset: list-counter; /* Reinicia el contador personalizado */
    padding-left: 0; /* Elimina el padding izquierdo */
}

.g12-bg-puntos-clave ol li {
    position: relative;
    margin: 10px 0 35px 0; /* Espaciado entre los elementos */
    padding-left: 40px; /* Deja espacio para el número */
    counter-increment: list-counter; /* Incrementa el contador */
}

.single.single-post .g12-bg-puntos-clave ol li::before {
    content: counter(list-counter) "."; /* Añade el número con un punto */
    position: absolute;
    left: 0; /* Ubica el número a la izquierda */
    font-weight: bold;
    font-size: 1.4em; /* Ajusta el tamaño del número */
    color: #00808c; /* Usa el color verde principal */
}



.g12-bg-puntos-clave::after,
.g12-bg-puntos-clave::before {
	content: '';
	display: block;
	position: absolute;
	top: calc(100% - calc(1.5em / 2));
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background: #00808c;
	box-shadow: 3px -3px white;
}

.g12-bg-puntos-clave::before {
	right: 1.5em;
}

.g12-bg-puntos-clave::after {
	right: calc(3em + 0.3em);
}

@media (max-width: 768px)
 {
    .single-post .et_pb_post_content .g12-bg-puntos-clave {
		padding: 1em;
	 }
 }

/************************************************
 * FIN: Diseño Seccion - Puntos Clave - Blog
 ************************************************/


/* DESKTOP */

@media (min-width: 981px) {
	.rtoc-mokuji-content {
		font-size: 1.1em !important;
	}
}


/****
 * Ocultar campos en Formulario Amelia 
 * **
 */


#am-cf-7, #am-cf-8 {
	display: none !important;
}



/*
 * TABLET
 */
@media only screen and (max-width: 980px) {
	
    #main-header .logo_container a img 
    {
      content: url(/wp-content/uploads/logotipo_avannza.svg);
    }
	
	#main-header:not(.et-fixed-header) .et_menu_container ul#top-menu 
	{
		display:none;
	}
	
	.et_fixed_nav header#main-header.et-fixed-header {
		position: fixed !important;
		top: 0 !important;
	}
	
}

@media screen and (min-width: 981px) {
	/* Ajuste de posición vertical de la línea divisoria entre Número y Título en la Tabla de Contenido de los posts. */
	
	.single-post .et_pb_post_content  .rtoc-mokuji-content .decimal_ol > .rtoc-item::after {
		top: 23px;
	}
}

/*
 * MÓVIL
 */

 @media (max-width: 768px)
 {
    html 
	{
		font-size:14px;
	}
	 
	/* Ajuste de posición vertical de la línea divisoria entre Número y Título en la Tabla de Contenido de los posts. */
	
	.single-post .et_pb_post_content  .rtoc-mokuji-content .decimal_ol > .rtoc-item::after {
		top: 20px;
	}
	 
	/* Ajuste para la botonera de compartir en redes sociales en los posts */
	 div.botonera-compartir-rrss .dsm-social-share-buttons-container .dsm-social-share-button-wrapper {
		 margin-bottom: 0px;
		 display: block;
		 aspect-ratio: 1/1;
	 }
	  div.botonera-compartir-rrss .dsm-social-share-buttons-container .dsm-social-share-button-wrapper .dsm-social-share-button-inner-wrapper  {
		  height: 100%;
		  width: 100%;
	 }
	 
 }