@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{
	padding:0;
	margin:0;
	font-family:"Montserrat";
}
body, html {
		background:#0202DC;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Esto es CRÍTICO para evitar el scroll horizontal */
	scroll-behavior: smooth;
}
div{
	border:red solid 0
}
section{
	border:green solid 0
}
#masthead, #colophon{
	display:none;
	height:0;
		
		}
#parrafox #cm1a img{
	text-align:right;
		margin-right:80%
}
#parrafox #esqA img{				
		margin-right:15%;
		}
		
		



#parrafo2 #comillap2 img,
#parrafox #comillap2 img{
	margin-top:30px;
	width:50px;
}
#parrafo2 #esq2 img, #parrafox #esq2 img{
	width:50px;
	margin-bottom:30px;
	text-align:right;
	margin-left:90%
}
#imos3{
	display:none;
}
#f5{
	background: url(https://www.elcerebromillonario.com/wp-content/uploads/2025/06/f7.png);
	background-repeat:no-repeat;
	background-size:cover;		
}
#f5 #im1 img{
	height:80%;
	max-height:400px;
	width:auto;
	text-align:center;
	margin:auto;
}
#f5 #cm1 img{
	width:75px;		
	margin-top:30px;
	margin-bottom:10px;		
	margin-right:80%;
}
#f5 #esq1 img{
	width:75px;		
	margin-right:200px;
}

/*---------------------------MENU PPAL------------------------------*/
/* Menú de escritorio visible por defecto */

/* Ocultar checkbox de forma segura */
#toggle {
  display: none;
}
/* Botón de menú oculto en escritorio */
#menu-btn {
  display: none;
}
/* Menú visible en escritorio */
#navega {
  background: url('https://www.elcerebromillonario.com/wp-content/uploads/2025/06/nav.png') no-repeat left top;
		font-family:"Montserrat";
  background-size: cover;
  padding: 20px 10px 20px 10px;
  height: 90px;
  width: 60%;
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.8rem;
  gap: 20px;
  z-index: 1;
}

#navega a {
  text-decoration: none;
  color: white;
		margin-bottom:10px;
		font-family:"Montserrat";
}
/*-----------------------------------TESTIMONIOS------------------------------------*/
#testimonios .titulo1, #testimonios .titulo2{
		color:#0303DC;
		text-align:center;
		font-size:4rem;
		font-weight:400
}
#testimonios .titulo2{
		font-size:6rem;
		font-weight:700
}
#testimonios .sp-testimonial-free{
		border:#0202DC solid thin;
		border-radius:0 50px 0 50px;
		background:#f8f8f8;
		width:85%;
		height:500px;
		margin:75px;
		margin-right:100px;
		padding-top:50px;
}
#testimonios .sp-testimonial-free .sp-testimonial-client-image img{
		border:#0202DC solid 6px;
		width:160px;
}
#sp-testimonial-free-wrapper-616 .sp-testimonial-free-section .sp-testimonial-title .sp-testimonial-post-title{
		color:#0202DC;
		font-family:"Montserrat";
		font-weight:700;
		padding:2px 5px;
}
#testimonios .sp-testimonial-title{
		height:auto;
		min-height:60px;
}
#testimonios .sp-testimonial-title{
		height:auto;
		min-height:60px;
}
#testimonios .sp-testimonial-client-image img{
		border:#0202DC solid 2px;
}
#testimonios img{
		position:absolute;
		left:0;
		top:0;
}
#sp-testimonial-free-wrapper-616 .sp-testimonial-free-section .testimonial-nav-arrow{
		border-radius:50%;
		background:#0202DC;
		color:white;
		border:none;
		width:50px;
		height:50px;
		font-size:2rem;
}
/*-----------------------------------LOGOS------------------------------------*/
#logo-carousel-free-555 .logo-carousel-free .sp-lc-logo{
		border:none;
}
#logos .sp-lc-button-prev, #logos .sp-lc-button-next, #logos .sp-lc-pagination{
		display:none;
}
#logos .swiper-slide{
		border:none;
}


#registra{
		color:white;
		text-align:center;
		padding:50px 20px;
		font-size:3rem;
		font-style:italic;
		background: url(https://www.elcerebromillonario.com/wp-content/uploads/2025/06/bgregistra.png);
		border-radius: 0 100px 0 100px;
		margin-bottom:50px;
}
#registra .registra1{
		padding-top:40px
}
#registra .registra2{
		font-size:3.2rem;		
		font-weight:600;
		border-bottom:#fff solid thin;
		width:auto;
		max-width:300px;
		margin:auto;
		padding:5px 0 10px 0;
		margin-bottom:5px
}
#registra .registra3{
		font-size:2rem;
		margin-bottom:20px;
}
#registra .registra4 input[type="text"],#registra input[type="email"]{
		background:#313F72;
		width:80%;
		margin:auto;
		text-align:left;
		border-radius: 0 0 0 15px;
		margin-bottom:5px;
		color:white;
}
/*#registra #evf-submit-518 .registra4 .evf-submit-container .btn{*/
#registra .everest-forms-submit-button {
		background:white;
		color:#0202DC;
		font-size:2rem;
		border-radius:200px;
		margin:20px 0 10px 0;
		width:auto;
		min-width:350px;
}
#registra .registra4 .evf-field-label{
		margin-top:50px;
		font-size:1.5rem;
		text-align:left;
		padding:0;
		width:80%;
		color:white;
		margin:auto;
		font-weight:400
}
#registra .registra5{
		font-size:1.5rem;
		margin-bottom:50px;
		padding-bottom:50px;
}
#registra ul {
		width:80%;
		margin:auto;
		text-align:justify;
		color:white
}
#registra li label{
		color:white
}
#prensa{
		font-size:4rem;
		font-weight:600;
		padding:0 50px 50px 100px;
		color:#0202DC;
		text-align:center;
}
#cerebro{
		font-style: italic;
		font-size:4rem;
		line-height:1
}
#cerebro, #millonario, #tx1{
		color:white;
}
#millonario{
		font-weight:900;
		font-size:7rem;
		margin-bottom:10px;
}
#quieroleerlo{
		font-weight:900;
		font-size:5rem;
		margin-bottom:10px;
		color:white;
		padding:20px 20%;
}
#tx1{
		font-size:2.5rem;
		border-top:white solid thin;
		width:90%;
		padding-top:10px;
}
#s3{
		background:url(https://www.elcerebromillonario.com/wp-content/uploads/2025/06/todos3.png);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:bottom;
}
#s3l2{
		padding:150px 30px;
		color:white;
		font-size:2.5rem;
}
#Oscar1, #Oscar2, #comillas{
		color:white;
}
#Oscar1{
		font-size:3.5rem;
		font-style:italic;
		font-weight:300;
		text-align:center;
		text-decoration: underline;
			text-decoration-color: white; /* Color de la línea */
			text-decoration-style: solid; /* Estilo de la línea (solid, double, dotted, dashed, wavy) */
			text-underline-offset: 2rem;
			text-decoration-thickness: 1px;
}
#Oscar2{
		padding-left:50px;
		width:auto;
		text-align:left;
		margin:auto;
		font-size:2.5rem;
		max-width:600px;
		font-weight:300;	
}
#Oscar2tx{
		width:auto;
		text-align:left;
		margin:auto;
		font-size:2rem;
		font-weight:300;	
		padding:50px 0 10px 0; 
}
#guiapractica #ims2 img{
		width:50px;
		margin-bottom:30px;
		text-align:right;
		margin-left:90%
}
#OscarTx8{
		color:white;
		padding-left:50px;
		width:auto;
		text-align:left;
		margin:auto;
		font-size:2.5rem;
		max-width:600px;
		font-weight:300;	
}
#OscarTx5{
		color:white;
		padding-right:50px;
		font-style:italic;
		width:auto;
		text-align:left;
		margin:auto;
		font-size:4.5rem;
		line-height:1;
		max-width:700px;
		font-weight:700;	
}

#s8img img{
		width:100%;
}
#s8b{
		position:relative;
}
#s8b #adquiere{
		position:absolute;
		color:white;
		text-shadow:#000 2px 2px 2px;
		font-style:italic;
		font-size:2.25rem;
		height:50px;
		left:75px;
		top:75px;
}
#porque, #destacado{
		font-weight:900;
		font-size:5rem;
		margin-bottom:10px;
		color:#0202DC
}
#porquetx1, #destacadotx1{		
		width:auto;
		text-align:left;
		margin:auto;
		font-size:2rem;
		font-weight:300;	
		border-bottom: #0202DC solid thin;
		padding-bottom:20px;
		margin-bottom:20px;
}
#beneficios h3, #beneficios2 h3{
		color:#0202DC;
		font-size:3.rem;
		font-weight:600;
		margin-bottom:15px
}
#beneficios ul, #beneficios2 ul {
    list-style: none; /* Elimina los marcadores predeterminados */
		font-size:2.3rem;
		margin-left:0;
}

#beneficios li::before, #beneficios2 li::before {
    content: ''; /* Obligatorio para pseudo-elementos */
    display: inline-block; /* Permite controlar el tamaño */
    width: 25px; /* Tamaño deseado de la imagen */
    height: 25px;
    background-image: url('https://www.elcerebromillonario.com/wp-content/uploads/2025/06/vineta.png');
    background-size: contain; /* Ajusta la imagen dentro del tamaño del pseudo-elemento */
    background-repeat: no-repeat;
    margin-right: 10px; /* Espacio entre la imagen y el texto del elemento de lista */
    vertical-align: middle; /* Alinea verticalmente con el texto */
		margin-bottom:5px;
}

#redes1{
		color:white;
		font-size:4rem;
		padding:30px 0px
}
#redes2{
		display:none
}
#esqazul img{
	width:50px
}
#guiapractica #comilla1 img{
		width:50px;
		margin-top:30px;
		margin-left:50px;
}

@media (max-width: 768px) {
 #menu-btn {
    display: block;
    background: #0202DC;
    color: #fff;
    padding: 10px;
    font-size: 1.5rem;
    cursor: pointer;
    text-align: center;
    width: 100%;
    z-index: 2;
    position: relative;
    text-align: right;
  }

  /* Menú móvil oculto por defecto */
  #navega {
    position: static;
    width: 100%; /* Ya lo tienes, es correcto */
    height: auto;
    flex-direction: column;
    background-color: #fff;
    font-size:1.5rem;
    overflow: hidden;
    gap:0;
    max-height: 0; 
    transition: max-height 0.5s ease-in-out; 
    padding: 0; 
  }

  #toggle:checked + #menu-btn + #navega {
    max-height: 500px; 
  }

  #navega a {
    margin-bottom: 0;
    padding: 10px; /* Un poco más de padding para que se vea mejor */
    width: 100%;
    text-align: left;
    color: #333;
    border-top: 1px solid #ddd;
    background: #FFF;
  }
		#cerebro{
		font-size:3rem;
}
#millonario{
		font-weight:700;
		font-size:5rem;
		margin-bottom:10px;
}
		#tx1{
		font-size:2rem;
		padding-top:10px;
}
		#porque{
		font-weight:700;
		font-size:3.5rem;
}
		#porquetx1, #destacadotx1{		
		font-size:1.5rem;
		padding-bottom:10px;
		margin-bottom:10px;
}
		#beneficios h3, #beneficios2 h3{
		font-size:2.5rem;
		margin-bottom:10px
}
#beneficios ul{
    font-size:1.5rem;
}
#beneficios2 ul {
    font-size:2rem;
}

#beneficios li::before, #beneficios2 li::before {
    width: 15px; /* Tamaño deseado de la imagen */
    height: 15px;
    margin-right: 10px; /* Espacio entre la imagen y el texto del elemento de lista */
    margin-bottom:5px;
}
#guiapractica #comilla1 img{
		width:35px;
		margin-top:20px;
		margin-left:10px;
}
#guiapractica #ims2 img{
		width:40px;
		margin-bottom:30px;
		text-align:right;
		margin-left:85%
}
		#Oscar1{
				font-size:2.5rem;
				padding-top:30px;
		}
		#Oscar2{
		padding-right:20px;
		font-size:2rem;
}
		#s3l2{
		padding:20px 30px;
		font-size:2rem;
}
		#Oscar2tx{
				font-size:2rem;
				padding:20px 20px 0 50px;
				margin-top:-30px;
		}
		#parrafo2 #comillap2 img{
		margin-top:30px;
		width:30px;
		margin-left:15px;
		}
		#parrafo2 #esq2 img{
		width:40px;
		margin-bottom:5px;
		text-align:right;
		margin-left:85%
}
		#s3{
		background:url(https://www.elcerebromillonario.com/wp-content/uploads/2025/06/todos3.png);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:bottom left;
}
		#imos3{
		display:block;
}
		#prensa{
		font-size:3rem;
		padding:0 50px 10px 50px;
		color:#0202DC;
		text-align:center;
}
		/*-----------------------------------TESTIMONIOS------------------------------------*/
#testimonios .titulo1, #testimonios .titulo2{
		font-size:2rem;
}
#testimonios .titulo2{
		font-size:3rem;
		font-weight:600
}
#testimonios .sp-testimonial-free{
		width:90%;
		height:750px;
		margin:5px;
		padding-top:65px;		
		border-radius:50px 25px 0 25px;
}
#testimonios .sp-testimonial-free .sp-testimonial-client-image img{
		border:#0202DC solid 3px;
		width:100px;
}
#sp-testimonial-free-wrapper-616 .sp-testimonial-free-section .sp-testimonial-title .sp-testimonial-post-title{
		color:#0202DC;
		font-family:"Montserrat";
		font-size:2rem;
		font-weight:600;
		padding:5px;
		padding-top:10px;
		line-height:1
}
#testimonios .sp-testimonial-title{
		height:auto;
		min-height:60px;
}
#testimonios .sp-testimonial-title{
		height:auto;
		min-height:60px;
}
#testimonios .sp-testimonial-client-image img{
		border:#0202DC solid 2px;
}
#testimonios img{
		position:absolute;
		margin:auto;
		margin-bottom:10px;
		top:0px;
}
#sp-testimonial-free-wrapper-616 .sp-testimonial-free-section .testimonial-nav-arrow{
		display:none;
}
#f5{
		background-position:right;		
}
#OscarTx5{
		padding:10px 25px 10px 35px;
		font-style:italic;
		width:auto;
		text-align:left;
		font-size:2.5rem;
		font-weight:600;	
}
		
#f5 #cm1 img{
		width:35px;		
		margin:30px 90% 0 0 ;
}
#f5 #esq1 img{
		width:50px;		
		margin-right:10px;
		margin-bottom:30px;
}
#destacado{
		font-weight:700;
		font-size:3rem;
		margin-bottom:10px;
		color:#0202DC
}
#porquetx1, #destacadotx1{		
		width:auto;
		text-align:left;
		margin:auto;
		font-size:2rem;
		font-weight:300;	
		border-bottom: #0202DC solid thin;
		padding-bottom:20px;
		margin-bottom:20px;
}
#registra{
		padding:20px;
		font-size:2rem;
		border-radius: 0 50px 0 50px;
		margin-bottom:30px;
}
#registra .everest-forms-submit-button {
		font-size:1.5rem;
		border-radius:200px;
		margin:20px 0 10px 0;
		width:auto;
		min-width:250px;
}
#quieroleerlo{
	font-weight:700;
	font-size:3.5rem;
	padding:50px 20px 10px 20px;
	
}
#OscarTx8{
		padding-left:20px;
		font-size:2rem;
		max-width:80%;	
}

		#parrafox #esqA img{				
				margin-right:15px;
		}
		
		#parrafox #cm1a img{
				text-align:left;
				margin-right:calc(100% + 15px);
		}
	#s8b #adquiere{
		font-size:1rem;
			color:black;
		height:50px;
		left:30px;
		top:40px;
			text-shadow:#000 0px 0px 0px
	}
#redes2{
		color:white;
		font-size:2.5rem;
		padding:15px 0px;
		display:block;
		text-align:center
}
#redes1{
		display:none
}
}
/*------------------------------------------------------- OVERLAYS */
	.modal {
			max-height: 95vh; /* alto máximo del modal, ajustable */
  		overflow-y: auto; /* permite scroll vertical dentro del modal */
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -40%);
			opacity: 0;
			filter: blur(10px);
			transition: opacity 0.6s ease, filter 0.6s ease, transform 0.6s ease;
			background: rgba(2, 2, 220, 0.8);
			color:white;
			padding: 1.5rem;
			padding-top:3rem;
			padding-bottom:1rem;
			border-radius: 12px;
			z-index: 8001;
			pointer-events: none;
			width: 95%;
			height: auto;
			max-width: 550px;
			text-align: justify;
			border: #ffff solid 2px;
			}
.modal label{
	color:white;
	font-family:"Poppins";
		font-weight:400
}
/* Visible: animación de entrada */
	.modal.visible {
		opacity: 1;
		filter: blur(0);
		transform: translate(-50%, -50%);
		pointer-events: auto;
		}
/* Overlay oscuro */
		#overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100vw;
				height: 100vh;
				background: rgba(28, 34, 76, 0.6);
				opacity: 0;
				color:white;
				pointer-events: none;
				transition: opacity 0.4s ease;
				z-index: 5001;
		}
		#overlay.active {
				opacity: 1;
				pointer-events: auto;
		}
/* Botón cerrar */
		.cerrar {
				position: fixed;
				top: 0;
				right: 0;
				background: none;
				border: none;
				font-size: 2rem;
				cursor: pointer;
				color:#FFC031;
		}