/*
**  Estilos de los bottones
*/

/*	Estilos Button.Ini	*/
a.dl-wdc-btn{
    display: flex;
    justify-content: center;
}
.dl-wdc-btn-1 {
  background-color: var(--Primary-100);
  color: var(--Black-100);
  padding: 11px 20px;
	font-weight: 700;
  border-radius: 25px;
  border: 1px solid var(--Primary-100);
}
.dl-wdc-btn-1:hover,
.dl-wdc-btn-1:focus{
	background-color: transparent;
	color: var(--Primary-100);
}
.dl-wdc-btn-2 {
  background-color: var(--Primary-100);
  color: var(--Black-100);
  padding: 11px 20px;
  border-radius: 25px;
  border: 1px solid var(--Primary-100);
}

/* ###################### Boton transparente. INI ####################### */

.boton-transparente a,
.boton-transparente a:visited {
	padding: 8px 0 !important;
    background: transparent;
	border-radius: 0;
    border: none;
    color: var(--Secondary-20);
	text-decoration:none;
}
#cargar-mas:hover,
.boton-transparente a:hover,
.boton-transparente-hover-subrayado:hover a {
    text-decoration:underline;
}


/* ###################### Boton transparente. FIN ####################### */

/* ###################### Boton border blanco. INI ####################### */
#cargar-mas,
#cargar-mas:visited{
	background: transparent;
	border: solid 1px var(--White-100);
	color: var(--Secondary-20);
	font-weight: 700;
}
#cargar-mas:hover{
	background: var(--White-100);
	border: solid 1px var(--White-100);
	color: var(--Secondary-100);
	font-weight: 700;
}

.boton-borde-blanco,
.boton-borde-blanco.elementor-button{
    a,
	a:visited {
        background: transparent;
        border: solid 1px var(--White-100);
        color: var(--White-100);
    }
	a:hover {
        background: var(--White-100);
        border: solid 1px var(--White-100);
        color: var(--Secondary-100);
    }
}
a.dl-wdc-btn.boton-borde-blanco,
a.dl-wdc-btn.boton-borde-blanco:visited {
    background: transparent;
    border: solid 1px var(--White-100);
    color: var(--White-100);
}
a.dl-wdc-btn.boton-borde-blanco:hover {
	background: var(--White-100);
    border: solid 1px var(--White-100);
    color: var(--Secondary-100);
}

/* ###################### Boton border blanco. FIN ####################### */

/* ###################### Boton amarillo. INI ####################### */
.boton-amarillo{
	margin-top: auto;
}

.boton-amarillo{
	a,
	a:visited{
		background-color: var(--Primary-100); 
		color: var(--Secondary-100);
		border: solid 1px var(--Primary-100);
	}
	a:hover{
		background-color: transparent;
		color: var(--Primary-100);
		border: solid 1px var(--Primary-100);
	}
}
a.dl-wdc-btn.boton-amarillo,
a.dl-wdc-btn.boton-amarillo:visited{
	background-color: var(--Primary-100);
	color: var(--Secondary-100);
	border: solid 1px var(--Primary-100);
}
a.dl-wdc-btn.boton-amarillo:hover {
	background-color: transparent;
	color: var(--Primary-100);
	border: solid 1px var(--Primary-100);
}

.invertido {
  .boton-amarillo a:hover{
	background-color: transparent;	
	color: var(--Secondary-100);
	border: solid 1px var(--Secondary-100);

 }
}
/* ###################### Boton amarillo. FIN ####################### */

/*	Boton Icono.Ini */

.flecha-izquierda-blanco,
.flecha-izquierda-oscuro,
.flecha-izquierda-amarillo,
.descarga-izquierda-oscuro,
.descarga-izquierda-blanco,
.descarga-izquierda-amarillo,
.flecha-derecha-blanco,
.flecha-derecha-oscuro,
.flecha-derecha-amarillo,
.descarga-derecha-oscuro,
.descarga-derecha-blanco,
.descarga-derecha-amarillo{
    a{
		display: inline-flex;
		column-gap: 4px;
		align-items: center;
		justify-content: center;
    }
}

/* ###################### Boton flecha izquierda. INI ####################### */
.flecha-izquierda-oscuro a::before,
.flecha-izquierda-blanco a::before,
.flecha-izquierda-amarillo a::before{
  content: "";
  margin-right: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: cover;
}

.flecha-izquierda-oscuro a::before{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-izquierda-oscuro.svg);
}
.flecha-izquierda-blanco a::before{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-izquierda-blanco.svg);
}
.flecha-izquierda-amarillo a::before{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-izquierda-amarillo.svg);
}

.flecha-izquierda-hover-blanco a:hover::before{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-izquierda-blanco.svg);
}
.flecha-izquierda-hover-amarillo a:hover::before{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-izquierda-amarillo.svg);
}
.flecha-izquierda-hover-oscuro:hover::before{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-izquierda-oscuro.svg);
}

/* ###################### Boton flecha izquierda. FIN ####################### */

/* ###################### Boton flecha derecha. INI ####################### */
.flecha-derecha-oscuro a::after,
.flecha-derecha-blanco a::after,
.flecha-derecha-amarillo a::after{
  content: "";
  margin-right: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: cover;
}

.flecha-derecha-oscuro a::after{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-derecha-oscuro.svg);
}
.flecha-derecha-blanco a::after{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-derecha-blanco.svg);
}
.flecha-derecha-amarillo a::after{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-derecha-amarillo.svg);
}

.flecha-derecha-hover-oscuro a:hover::after{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-derecha-oscuro.svg);
}
.flecha-derecha-hover-blanco a:hover::after{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-derecha-blanco.svg);
}
.flecha-derecha-hover-amarillo a:hover::after{
  background-image: url(/wp-content/uploads/2026/04/icono-flecha-derecha-amarillo.svg);
}

/* ###################### Boton flecha derecha. FIN ####################### */

/* ###################### Boton descarga izquierda. INI ####################### */
.descarga-izquierda-oscuro a::before,
.descarga-izquierda-blanco a::before,
.descarga-izquierda-amarillo a::before{
  content: "";
  margin-right: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: cover;
}

.descarga-izquierda-oscuro a::before{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-oscuro.svg);
}
.descarga-izquierda-blanco a::before{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-blanco.svg);
}
.descarga-izquierda-amarillo a::before{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-amarillo.svg);
}

.descarga-izquierda-hover-blanco a:hover::before{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-blanco.svg);
}
.descarga-izquierda-hover-amarillo a:hover::before{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-amarillo.svg);
}
.descarga-izquierda-hover-oscuro:hover::before{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-oscuro.svg);
}

/* ###################### Boton descarga izquierda. FIN ####################### */

/* ###################### Boton descarga derecha. INI ####################### */
.descarga-derecha-oscuro a::after,
.descarga-derecha-blanco a::after,
.descarga-derecha-amarillo a::after{
  content: "";
  margin-right: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: cover;
}

.descarga-derecha-oscuro a::after{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-oscuro.svg);
}
.descarga-derecha-blanco a::after{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-blanco.svg);
}
.descarga-derecha-amarillo a::after{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-amarillo.svg);
}

.descarga-derecha-hover-oscuro a:hover::after{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-oscuro.svg);
}
.descarga-derecha-hover-blanco a:hover::after{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-blanco.svg);
}
.descarga-derecha-hover-amarillo a:hover::after{
  background-image: url(/wp-content/uploads/2026/04/icono-descarga-amarillo.svg);
}

/* ###################### Boton descarga derecha. FIN ####################### */

/* Botones con icono.Fin*/