p{
    font-family: 'Comic Sans MS', 'Comic Sans', cursive;
}

.mensaje{
    color: #555;
    font-family: 'Comic Sans MS', 'Comic Sans', cursive;
    font-size: 1.25em;
}

.mensaje li{
    color: #555;
    font-family: 'Comic Sans MS', 'Comic Sans', cursive;
    font-size: 0.95em;
    padding-left: 0.5em;
}

.titmensaje{
    font-size:1.15em;
}

#Libro,#Nina{
    width: 58%;
}

#Tula{
    width: 60%;
}

.texto-gigante {
    margin-bottom: 4em;
}

#Libro{
    margin-top: 4em;
}

.texto-arte p,
.texto-tula p{
    
    font-size: 2em;
    color: black;
    line-height: 1.2em;
}

.texto-arte{
    padding-left: 3em;
    margin-top: 3em;
}

.texto-tula p{
    margin-top: -3em;
}

h3,h1{
     font-family: 'Poppins-ExtraBold', sans-serif;
     font-weight: 900;
     color: #741532;
     line-height: 0.85em;
}

.texto-arte h3{
    margin-bottom: 0.50em;
}

strong{
    color:  #741532;
    font-weight: 900;
    letter-spacing: -1px;;
}

@font-face {
  font-family: 'comicbd'; /* Nombre para usar en CSS */
  src: url('../fonts/comicbd.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-ExtraBold';
  src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Tondu';
  src: url('../fonts/Tondu-Beta.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

.consulta-full {
	background: #fff;
}

.titcon {
	letter-spacing: -1px;
    font-family: 'Poppins-ExtraBold';
	font-size: 2.7em;
}

.documento-input {
	max-width: 420px;
	border-radius: 30px;
}

.btn-primary {
	background: #F4B22D;
	border-color: #F4B22D;
	font-weight: 700;
}

.btn-primary:hover {
	background: #f4a12d;
}

.w95{
	width: 90%;
}

.letra{
    font-family: 'Comic Sans MS', 'Comic Sans', cursive;
    
}

.texto-consulta {
    font-size: 1.5rem;   
    line-height: 1.5em;  
    text-align: center; 
    color: black; 
}

.febrero{
    margin-top: 5em;

}

#febrero{
    margin-top: -2em;
}

.beneficio{
    margin-top: 4em;
}

ul {
    list-style: none; 
    padding-left: 0; 
}

.COMFAKIT {
    font-weight: 500;
    color: white;
    line-height: 1.5em;
    margin-bottom: 0.5em; 
    font-family: 'Comic Sans MS', 'Comic Sans', cursive;
    font-size: 1.5rem
}

.consulta{
    background-color: #F8F9FA;
}

.consulta p{
    padding: 0 1.5em;
}

.consulta>p>strong{
    font-family: 'Poppins-ExtraBold', sans-serif;
}

.titexclusiones{
    color:#741532;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
}


#listautiles p{
    font-size: 1.45em;
    padding-left: 2em;
}

.utileslista{
    width: 60%;
}

.tulautiles{
    background:url('../App/img/IMAGEN 5.png');
    background-size: cover; /* Cubre todo el espacio */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* No repite la imagen */
    width: 40%;
}

.listaexclusiones{
    width: 60%;
}

.logoexclusiones{
    width: 40%;
}

.footer{
    background-color: #741532;
    font-family: 'Comic Sans MS', 'Comic Sans', cursive;
    font-size: 1.95em;
    line-height: 1.2em;
    margin-bottom: 0.8em;
    padding: 0.7em 1.5em 0.5em 1.5em;
}

.footer p{
    margin:0;
    padding: 0;
}


/* 2. Móviles Grandes y Tablets pequeñas */
/* Rango: 481px a 767px */
@media screen and (min-width: 481px) {
  /* Estilos para móviles en horizontal o tablets mini */
   .bloque-arte{
	    background:url('../App/img/FONDO 1.png') center/cover no-repeat;
        margin-top: -4em;
    }
  
    #bloque-tula{
        margin-top: 5em;
    }

    #listautiles {
        background-image:url('../App/img/FONDO 2.png') center/cover no-repeat;
        background-size: cover; /* Cubre todo el espacio */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* No repite la imagen */
        margin-top: 2em;
    }

    #exclusiones{
        margin-top: 0;
    }
    
    .consulta p,#bloque-tula p,.bloque-arte p{
            font-size: 1.1em;    
    }

    .titulos{
                
            font-size: 1.4em;
            line-height: 1.1em;
            text-align: center;
        }
    
    .texto-beneficio p{
            padding: 0 1.2em;
        }

        .texto-beneficio ol>li{
            font-family: 'Comic Sans MS', 'Comic Sans', cursive;
            font-size: 0.97em;
            font-weight: 100;
        }

        .texto-beneficio ol{
            list-style-position: inside; #alinear los ::marker del li dentro del ol
        }
    
    #beneficio-img{
        width: 70%;
    }
    
    #carta{
            background-color: #741532;
            border-color: #741532;
            font-size: 1.15em;
        } 
}

/* 3. Tablets (Portrait) */
/* Rango: 768px a 1024px */
@media screen and (min-width: 768px) {
  /* Estilos para iPads y tablets estándar */
}

/* 4. Laptops y Desktops Pequeños */
/* Rango: 1025px a 1280px */
@media screen and (min-width: 1025px) {
  /* Estilos para pantallas de portátiles comunes */

    #listautiles ul{
    padding-left: 2.85em;
    }

    #listautiles li{
        font-size: 1.6rem;
        line-height: 0.95rem;
    }

    .titlista, .titexclusiones{
        color:#f4a12d;
        font-family: 'Tondu';
        font-size: 3.5em;
        line-height: 0.9em;
        margin-top: 3.85em;
        margin-bottom: 0.5em;
        text-align: center;
        width: 70%;
    }

    .titexclusiones{
        color:#741532;
        font-size: 3.5em;
        margin-top: 0.25em;
        margin-bottom: 0.5em;
    }

    #bloque-tula{
        margin-top: -4em;
    }

    #listautiles {
        background-image:url('../App/img/FONDO 2.png');
        background-size: cover; /* Cubre todo el espacio */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* No repite la imagen */
        margin-top: -10em;
    }

    #exclusiones{
        margin-top: 0;
    }

    .bloque-arte{
	    background:url('../App/img/FONDO 1.png') center/cover no-repeat;
        margin-top: -13em;
    }

    #bloque-tula p,.bloque-arte p, .texto-febrero p{
        font-size: 2em;
        line-height: 1.1em;    
    }

    .consulta p{
        font-size: 1.45em;   
        line-height: 1.5em;  
        padding: 0 2.5em;
        text-align: center; 
        color: black; 
    }

    .titulos{
        color:#f4a12d;
        font-size: 2.1em;
        line-height: 1.1em;
        text-align: center;
    }

    #beneficio-img{
        width: auto;
    }

    #carta{
        background-color: #741532;
        border-color: #741532;
        font-size: 1.15em;
    } 
    
    .texto-beneficio p, .utileslista p{
        font-size:1.48em;
        line-height: 1.35em;
    }

    .texto-beneficio>p>strong, .utileslista>p>strong{
        font-size:1.12em;
        line-height: 1.4em;
    }

    .texto-beneficio ol>li{
        font-family: 'Comic Sans MS', 'Comic Sans', cursive;
        font-size: 1.25em;
        font-weight: 100;
    }

    .texto-beneficio ol{
        list-style-position: inside;
    }

    #listautiles p{ 
        font-size: 1.45em;
        padding-left: 2em;
    }

    .listaexclusiones p{
        font-size: 1.45em;
        padding-left: 2em;
        width:80%;
    }

}

/* 5. Pantallas Grandes (Escritorio / TV) */
/* Rango: 1281px en adelante */
@media screen and (min-width: 1367px) {
  /* Estilos para monitores de alta resolución o ultra-wide */

    #listautiles ul{
        padding-left: 2.85em;
    }

    #listautiles li{
        font-size: 1.8rem;
        line-height: 1.15rem;
    }

    .titlista, .titexclusiones{
        color:#f4a12d;
        font-family: 'Tondu';
        font-size: 3.8em;
        line-height: 0.9em;
        margin-top: 3.65em;
        margin-bottom: 1em;
        text-align: center;
        width: 70%;
    }

    .titexclusiones{
        color:#741532;
        font-size: 4em;
        margin-top: 0.75em;
        margin-bottom: 0.5em;
    }

    .consulta p{
        font-size: 1.5rem;   
        line-height: 1.5em;
        padding: 0 1.5em;  
        text-align: center; 
        color: black; 
    }

    #bloque-tula{
        margin-top: -4em;
    }

    #listautiles {
        background-image:url('../App/img/FONDO 2.png');
        background-size: cover; /* Cubre todo el espacio */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* No repite la imagen */
        margin-top: -11em;
    }

    #exclusiones{
        margin-top: 0;
    }

    #carta{
        background-color: #741532;
        border-color: #741532;
        font-size: 1.15em;
    } 

    .bloque-arte{
	    background:url('../App/img/FONDO 1.png') center/cover no-repeat;
        margin-top: -20em;
    }

    #bloque-tula p,.bloque-arte p, .texto-febrero p{
        font-size: 2.1em;
        line-height: 1.1em;    
    }

    .texto-consulta {
    font-size: 1.5em;   
    line-height: 1.5em;  
    text-align: center; 
    color: black; 
    }

    .texto-beneficio p{
        font-size:1.48em;
        line-height: 1.35em;
    }

    .texto-beneficio>p>strong{
        font-size:1.12em;
        line-height: 1.4em;
    }

    .texto-beneficio ol>li{
        font-family: 'Comic Sans MS', 'Comic Sans', cursive;
        font-size: 1.25em;
        font-weight: 100;
    }

    .titulos{
        color:#f4a12d;
        font-size: 2.1em;
        line-height: 1.1em;
        text-align: center;
    }

    #beneficio-img{
        width: auto;
    }

    .texto-beneficio p, .utileslista p{
        font-size:1.48em;
        line-height: 1.35em;
    }

    .texto-beneficio>p>strong, .utileslista>p>strong{
        font-size:1.12em;
        line-height: 1.4em;
    }

    #listautiles p{
        font-size: 1.58em;
        padding-left: 2em;
    }

    .listaexclusiones p{
        font-size: 1.45em;
        margin: 0 0 0 auto;
        width:92%;
    }
}