/*
Theme Name: LA MÁQUINA DE LEADS
Theme URI: https://lamaquinadeleads.com/
Version: 1.0
Description: Theme for LA MÁQUINA DE LEADS
Author: @antonio.dodoando
Author URI: http://seododoando.com
Template: astra
*/
 
/*----------------- Cambios a partir de aqui -------------------------------*/

/********* TIPOGRAFÍA *******/

.h1-hero h1 {
    color: #FFF !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    letter-spacing: 0.75px !important;
    text-transform: uppercase !important;
}

@media (max-width: 1024px) {
    .h1-hero h1 {
        font-size: 14px !important;
    }
}





/********* ESTILOS PERSONALIZADOS *******/

/* Estilo degradado para encabezados enfoque */

/* Amarillo */
.accent-yellow {
  background: var(--Degradado-HERO-LETRAS---bg-black, linear-gradient(90deg, #FFD233 20%, #FFF 130%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Rojo */
.accent-rojo {
  background: var(--Degradado-MAQUINA-LEADS-Fuerte, linear-gradient(90deg, #C0292D 60.25%, #E8343C 52.94%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "DM Sans";
/* font-size: 36px; */
font-style: normal;
font-weight: 700;
/* line-height: 170%; */
}

.accent-rojo--fuerte {
  background: var(--Degradado-fuerte-Maquina-leads, linear-gradient(90deg, #C0292D 46.25%, #E8343C 52.94%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* Rojo suelto en textos */
.rojo {
  color:#C0292D!important;
}

.rojo-cta {
  color:#E8343C!important;
}

/* Estilo para bullets points de listados */
/* Cuadrado rojo completo */
.bullet-icon p::before{
  width: 19.339px;
height: 19.368px;
flex-shrink: 0; 
  border-radius: 4px;
    background: var(--Primary-500, #E8343C);
    content: "";
    display: inline-block;
    margin-right: 8px;         /* separación del texto */
    vertical-align: middle;    /* alineación con el texto */
}

.bullet-icon--small p::before{
  width: 12.339px;
height: 12.368px;
flex-shrink: 0; 
  border-radius: 4px;
    background: var(--Primary-500, #E8343C);
    content: "";
    display: inline-block;
    margin-right: 8px;         /* separación del texto */
    vertical-align: middle;    /* alineación con el texto */
}

/* Cuadrado rojo borde */
.bullet-icon--borde h3::before {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 4px;
    background: transparent;
    border: 2px solid var(--Primary-500, #E8343C);
    content: "";
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.bullet-icon--borde---blanco h3::before {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 4px;
    background: transparent;
    border: 2px solid var(--Primary-500, #ffffff);
    content: "";
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

/* Estilo para generar el ICON TICK de algún h2 */
.tick-icon-title h2::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41' fill='none'%3E%3Crect x='0.384766' y='0.0126953' width='40' height='40' rx='20' fill='%236FB99A'/%3E%3Cpath d='M27.2367 14.1202L17.1124 24.15L13.5328 20.6037C13.352 20.4605 13.0989 20.4605 12.9181 20.6037L12.5204 21.0336C12.3396 21.1769 12.3396 21.4634 12.5204 21.6425L16.8232 25.9052C16.9678 26.0485 17.2571 26.0485 17.4017 25.9052L28.2492 15.159C28.43 14.9799 28.43 14.6933 28.2492 14.55L27.8514 14.1202C27.6706 13.9769 27.4175 13.9769 27.2367 14.1202Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

.tick-icon-parrafo p::before {
   content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41' fill='none'%3E%3Crect x='0.384766' y='0.0126953' width='40' height='40' rx='20' fill='%236FB99A'/%3E%3Cpath d='M27.2367 14.1202L17.1124 24.15L13.5328 20.6037C13.352 20.4605 13.0989 20.4605 12.9181 20.6037L12.5204 21.0336C12.3396 21.1769 12.3396 21.4634 12.5204 21.6425L16.8232 25.9052C16.9678 26.0485 17.2571 26.0485 17.4017 25.9052L28.2492 15.159C28.43 14.9799 28.43 14.6933 28.2492 14.55L27.8514 14.1202C27.6706 13.9769 27.4175 13.9769 27.2367 14.1202Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

/* Estilo Title del TOC   */
.rtoc-mokuji-content #rtoc-mokuji-title.rtoc_left  {
	flex-direction:row!important;
}

/********* ESTRUCTURA *******/


/********* MENU *******/

/* Quitar border botón menú mobile */


/********* FOOTER *******/







/********* MEDIA QUERIES *******/

/* Media Query para tablet */


  /* Media Query sólo para versión móvil */