/*
Theme Name:  Isur-theme
Description: Tema hijo para hacer personalizaciones de código
Author:      Webempresa
Author URL:  https://tu-sitio.com/
Template:    hello-elementor
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isur-theme
*/

body{
	font-family: "Archivo", sans-serif !important;
}
.section{
	padding-top: 80px;
	padding-bottom: 80px;
}
.bg-text-green{
	background: #B9E900;
	padding: 10px 15px 5px;
}
@media (min-width:790px){
/* 	.h2.h2.h2.h2.h2 h2{
		font-size: 62px !important;
	} */
}
@media (max-width:789px){
	.h2.h2.h2.h2.h2 h2{
		font-size: 32px !important;
	}
	.mobile-dnone{
		display: none !important;
	}
	.popmake.popmake{
		width: 100%;
		max-width: 100%;
	}
	html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){
		padding-right: 0 !important;
	}
}
/* ======================================== BANNER */
@media (min-width:490px) and (max-width:788px){
	#bannerMain#bannerMain#bannerMain .title-container .class-h1 h1{
		font-size: 38px;
	}
	#bannerMain#bannerMain .title-container .class-h1.line-1:before{
		height: 30px;
		width: 30px;
		left: 0px;
		top: 5px;
	}
	#bannerMain#bannerMain .title-container .class-h1.line-1{
		padding-left: 40px;
	}
}
@media (max-width:489px){
	#bannerMain#bannerMain .title-container .class-h1 h1{
		text-align: center;
		font-size: 36px;
		hyphens: auto;
	}
	#bannerMain#bannerMain .title-container .class-h1.line-1 {
		padding-left: 0px;
	}
	#bannerMain#bannerMain .title-container .class-h1.line-1:before{
		display: none;
	}
	#bannerMain#bannerMain .title-container .class-h1 h1 strong{
		display: block;
    	text-align: center;
		margin-bottom: 8px;
		width: fit-content;
        margin-inline: auto;
	}
}
@media (max-width:789px){
	#bannerMain#bannerMain {
		padding-top: 40px;
	}
	#bannerMain#bannerMain .title-container{
		padding-inline: 0;
		align-items: center; 
		row-gap: 10px;
		margin-bottom: -45px;
	}
	
	#bannerMain#bannerMain .class-examen{
		border-radius: 18px;
    	padding: 10px 15px;
		margin-top: -60px;
		margin-inline: auto;
	}
	#bannerMain#bannerMain .class-examen span, #bannerMain#bannerMain .class-examen p{
		font-size: 16px;
	}
	#bannerMain#bannerMain .class-examen span b, #bannerMain#bannerMain .class-examen strong{
		font-size: 20px;
	}
	#bannerMain#bannerMain .imgBanner img{
		min-height: 50vh;
    	object-fit: cover;
	}
	
	.goToBenefi{
		width: 100%;
	}
}
#bannerMain{
	padding-top: 80px;
	position: relative;
}
#bannerMain:after{
	content: "";
    width: 100%;
    height: 15%;
    position: absolute;
    top: 70%;
    left: 0;
    background: url(../../uploads/2025/08/tiras-morado-verde.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
.banner-container.banner-container.banner-container{
	z-index: 2;
	align-items: center;
}
.class-header{
/* 	background: linear-gradient(180deg,rgba(94, 34, 202, 1) 0%, rgba(40, 32, 72, 1) 75%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 1) 100%); */
	background: url("../../uploads/2025/08/651d3fc16f0ccb497da71444_Mask-group-3.png") no-repeat left bottom 300px, linear-gradient(180deg,rgba(94, 34, 202, 1) 0%, rgba(40, 32, 72, 1) 75%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 1) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
}
.style-flecha{
	align-content: center;
}
#bannerMain .title-container{
	margin-bottom: -65px;
	padding-inline: 25px;
	width: fit-content;
}
#bannerMain .class-banner-principal{
	box-shadow: 7px 9px 28px 0px rgba(0,0,0,0.33);
	-webkit-box-shadow: 7px 9px 28px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 7px 9px 28px 0px rgba(0,0,0,0.33);
}
#bannerMain .title-container .class-h1 h1{
	color: #fff;
	font-size: 72px;
	width: fit-content;
	margin: 0;
}
#bannerMain .title-container .class-h1 h1 strong{
	color: #1D1F2A;
	background: #B9E900;
	padding-inline: 15px;
}
#bannerMain .title-container .class-h1.line-1{
	padding-left: 70px;
	position: relative;
}
#bannerMain .title-container .class-h1.line-1:before{
	content: "";
	height: 55px;
	width: 55px;
	background: url(icons/arrow-green-weight.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0px;
    top: 10px;
}
#bannerMain .imgBanner img{
	border-radius: 40px;
}
#bannerMain .class-examen{
	background: #FFCC00;
	border-radius: 24px;
	padding: 30px 25px 15px;
	text-align: center;
	margin-top: -80px;
	margin-right: 30px;
}
#bannerMain .class-examen span, #bannerMain .class-examen p{
	font-size: 24px;
	color: #1D1F2A;
	font-weight: 500;
}
#bannerMain .class-examen span b, #bannerMain .class-examen strong{
	font-size: 32px;
	font-weight: 900;
}
#bannerMain>div{
	position: relative;
}
/* #bannerMain>div:before{
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	left: -10%;
	top: 55%;
	background: url(https://devmacanudo.com/isur-admision/wp-content/uploads/2025/08/Layer-6.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
} */
#bannerMain>div:after{
	content: "";
	width: 50%;
	height: 90%;
	position: absolute;
	right: -20%;
	top: 0%;
	background: url(../../uploads/2025/08/patron-rayo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: .5;
}
/* ======================================== FORMULARIO */
/* ---- Formulario ----- */
@media (min-width: 790px) and (max-width: 1024px){
	.w50.w50.w50{
		width: 45%;
	}
}
@media (max-width: 789px){
	#formulario h2{
		text-align: center;
	}
	#formulario h3 {
        font-size: 20px;
    }
	.contact-form .fc-columns {
		flex-direction: column;
		row-gap: 23px;
	}
	#formulario form{
		padding-inline: 15px;
	}
	.fc-bottom .wpcf7-not-valid-tip{
		right: 0;
	}
	.contact-form.contact-form.contact-form.contact-form form {
		margin-bottom: 60px;
	}
	.w50.w50{
		width: 100%;
	}
}
.contact-form.contact-form.contact-form{
	margin-bottom: 35px;
}
.contact-form.contact-form.contact-form form{
	position: relative;
	margin-bottom: 45px;
}
.contact-form.contact-form.contact-form form .wpcf7-response-output{
	position: absolute;
	font-size: 14px;
	border: none;
	padding: 0;
    margin: 0;
    color: #e23254;
}
/* nuevo */
.contact-form .fc-columns{
	margin-bottom: 30px;
}
.contact-form .fc-columns>p{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.w100{
	width: 100%;
}
.w50{
	width: 48%;
}
.contact-form label{
	display: block;
	position: relative;
	margin: 18px 10px;
}
.fc-columns br{
	display: none;
}
/* --------- */

.contact-form .fc-columns input, .contact-form select{
	background: #DFDFDF;
	border: none !important;
	width: 100%;
	font-weight: 400;
}
.contact-form select{
	color: #757578;
	height: 100%;
}
.contact-form select option{
	background: #fff;
}
.contact-form.contact-form .fc-columns input:focus{
	outline: none;
}
.contact-form.contact-form input:-internal-autofill-selected {
	background-color: transparent !important;
	color: inherit !important;
	background-image: none !important;
}
.contact-form .fc-policy1, .contact-form .fc-policy2{
	font-size: 12px;
	margin: 0;
}
.contact-form .fc-policy1 a, .contact-form .fc-policy2 a{
	font-size: 12px;
	color: #6923E4;
	font-weight: 500;
}
.contact-form .fc-policy1 a:hover, .contact-form .fc-policy2 a:hover{
	text-decoration: underline;
	text-decoration-color: #6923E4;
}
.contact-form label>span{
	position: relative;
}
.wpcf7-not-valid-tip.wpcf7-not-valid-tip {
    font-size: .8em;
	position: absolute;
	display: block ruby;
}

.contact-form .fc-bottom{
	margin-top: 30px;
	margin-inline: 10px;
}
.contact-form .fc-bottom .wpcf7-list-item{
	margin: 0;
}
.contact-form .fc-btn{
	margin-top: 20px;
}
.contact-form .fc-btn>p{
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.contact-form .fc-bottom .wpcf7-submit{
	background-color: #1d1f2a;
    color: #ffffff;
    font-weight: 700;
    border: 2px solid #4f4f4f8f;
    box-shadow: 3px 3px 0px 0px rgb(91 91 91 / 77%);
    transition: all .15s linear 0s;
    border-radius: 35px;
	width:100%;
}
.contact-form .fc-bottom .wpcf7-submit:hover{
	box-shadow: none;
}

/* scroll */
.scroll-downs{
	text-align: center;
	z-index: 9;
	position: absolute;
	bottom: -30px;
}
.scroll-downs .mousey {
	border-color: #fff;
	height: 50px;
	width: 32px;
	border-width: 3px;
	border-radius: 50px;
	border-style: solid;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
}
.scroll-downs .mousey .scroller {
	width: 10px;
	height: 10px;
	margin-top: 0px;
	background-color: #6923E4;
	border-radius: 50px;
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(.15,.41,.69,.94);
	animation-iteration-count: infinite;
	display: inline-block;
}
@keyframes scroll {
	0% { opacity: 0; }
	10% { transform: translateY(0); opacity: 1; }
	100% { transform: translateY(15px); opacity: 0;}
}
/* ======================================== BENEFICIOS */
@media (min-width:790px){
	.subtitle-beneficios{
		padding-inline: 10%;
	}
}
@media (max-width:789px){
	#beneficios h3{
		font-size: 20px;
	}
}
#beneficios{
	position: relative;
}
#beneficios .pt-35:before{
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	left: -40px;
	top: 16%;
	background: url(../../uploads/2025/08/points.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: .6;
}
#beneficios .pt-35{
	padding-top: 35px;
}
#beneficios, #carreras{
	padding-top: 70px;
}
.title-beneficios strong{
	background: #B9E900;
	padding-inline: 15px;
	color: #1D1F2A;
}
/* ======================================== CARRERAS */
#carreras{
	padding-bottom: 30px;
}
#carreras>div{
	z-index: 1;
}
#carreras:after{
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	right: -19px;
	bottom: 16%;
	background: url(../../uploads/2025/08/points.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: .6;
}

/* ======================================== ESTADÍSTICAS */
@media (max-width:789px){
	#estadisticas .stats{
		margin-top: 40px;
	}
}
#estadisticas .est-subtitle{
	width: fit-content;
}
#estadisticas .est-subtitle p{
	margin-bottom: 0;
	font-weight: 500;
	background: #B9E900;
	padding: 5px 15px;
	border-radius: 8px;
}
#estadisticas .stats{
	border-left: 2px solid #616161;
}
#estadisticas .border-b{
	border-bottom: 2px solid #616161;
}
#estadisticas .stats .elementor-counter-number-wrapper{
	padding: 0 0 0 20px;
}
#estadisticas .stats .elementor-counter-number-wrapper span{
	font-size: 64px;
}
#estadisticas .stats .elementor-counter-title{
	text-transform: uppercase;
	font-size: 16px;
	text-align: right;
	font-weight: 500;
}

/* ======================================== MODALIDADES */
@media (max-width:789px){
	#modalidades{
		background-size: 160% auto;
	}
	#modalidades .m-box.m-box{
		padding: 6% !important;
		min-height: fit-content;
	}
	#modalidades h2{
		text-align: center;
	}
	#modalidades h3{
		font-size: 20px;
	}
	.m-box-title.m-box-title p{
		font-size: 17px;
	}
}
#modalidades{
	position: relative;
}
#modalidades:after{
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	right: 0px;
	bottom: 16%;
	background: url(../../uploads/2025/08/points.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}
#modalidades h3, .subtitle-beneficios h3, #estadisticas h3{
	line-height: 1.3;
}
#modalidades .m-box{
	padding: 10% !important;
	min-height: 220px;
}
.m-box-title p{
	font-weight: 900;
	font-size: 20px;
}

/* ======================================== CINTA PUBLICITARIA */
@media (max-width: 789px){
	#cintaPublic#cintaPublic {
		width: 110%;
		left: -10%;
	}
}
#cintaPublic{
	height: 220px;
}
#cintaPublic>div{
	max-width: 120%;
}

/* ======================================== VIVE ISUR */
@media (min-width: 790px){
	.vi-r-container.vi-r-container{
		padding-top: 15%;
		padding-bottom: 15%;
	}
}
@media (max-width:789px){
	#viveIsur .vi-l-box{
		height: 32vh;
	}
	#viveIsur .vi-l-container.vi-l-container{
		padding-left: 40px;
	}
	#viveIsur .vi-r-container.vi-r-container{
		padding-top: 10%;
	}
	#viveIsur .vi-r-text{
		text-align: left;
	}
	#viveIsur .vi-r-container{
		align-items: flex-start;
	}
	#viveIsur .vi-r-title1.vi-r-title1{
		font-size: 32px;
	}
	#viveIsur .vi-r-title2.vi-r-title2{
		font-size: 32px;
		padding-top: 0;
	}
	#viveIsur#viveIsur .vi-r-title1:before{
		height: 25px;
        width: 25px;
        top: -3px;
	}

}
.vi-l-container.vi-l-container{
	padding-left: 60px;
	margin-top: -35px;
	row-gap: 10px;
}
#viveIsur .vi-r-title1{
	color: #fff;
	font-size: 56px;
	text-transform: uppercase;
	position: relative;
}
#viveIsur .vi-r-title1:before{
	content: "";
	height: 40px;
	width: 40px;
	background: url(icons/arrow-green.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -50px;
    top: -11px;
}
#viveIsur .vi-r-title2{
	font-size: 56px;
	font-weight: 900;
	color: #fff;
	padding-top: 15px;
}
#viveIsur .vi-r-title2 strong{
	color: #1D1F2A;
	background: #B9E900;
	padding-inline: 15px;
}
#viveIsur .vi-r-title{
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 900;
}
#viveIsur .vi-r-title p{
	line-height: 1.2;
}

.container-vive-isur.container-vive-isur{
	border-radius: 40px;
}
#viveIsur .vi-r-btn{
	margin-top: 20px;
}
#viveIsur .vi-r-btn a{
	background-color: #FFCC00;
    color: #333;
    border: 2px solid #4f4f4f;
    box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.75);
	font-weight: 700;
    transition: all .15s linear 0s;
	padding: 10px 20px;
}
#viveIsur .vi-r-btn a:hover {
    background: #B9E900;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.75);
}
#viveIsur .vi-r-btn a:active{
	box-shadow: none;
	background: #FFCC00;
}
#viveIsur .vi-r-btn a:focus{
	background: #FFCC00;
	box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.75);
}
/* #viveIsur .vi-r-btn a:hover{
	background-color: #B9E900;
	color: #1D1F2A;
} */
#viveIsur .vi-r-text p{
	font-size: 18px;
	line-height: 1.3;
}
#viveIsur .vi-r-text p, .vi-r-title.vi-r-title{
/* 	text-shadow: 1px 1px 3px rgb(0 0 0); */
}

/* ========================================== TY PAGE */
@media (max-width:789px){
	#typage{
		padding-inline: 20px;
		padding-top: 60px;
    	padding-bottom: 40px;
	}
	#typage h2 strong{
		display: block;
	}
	#typage h2{
		font-size: 28px;
	}
	#typage .elementor-icon-box-wrapper{
		flex-direction: row;
	}
	#typage .elementor-icon-box-content{
		text-align: left;
	}
}

.page-id-620 header{
	display: none !important;
}
#typage h2 strong{
	background: #B9E900;
	padding: 10px 15px 5px;
	color: #1D1F2A;
}
#typage p{
	color: #fff;
}
#typage .title-typage{
	margin-bottom: 30px;
}
#typage .elementor-icon-box-title{
	font-size: 16px;
	font-weight: 300;
	text-transform: none;
}
#typage .mb0 p{
	margin-bottom: 0;
}
#typage .elementor-icon-box-icon{
	padding-top: 5px;
}
#typage .btn-ty a{
	background-color: #FFCC00; 
	color: #333;
	border: 2px solid #1c1c1c;
	padding: 0.5rem 1.2rem;
	border-radius: 25px;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.75);
	transition: all .15s linear 0s;
}
#typage .btn-ty a:hover {
	background: #B9E900;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.75);
	color: #000;
}
#typage .btn-ty a:active{
	box-shadow: none;
	background: #FFCC00;
}
#typage .btn-ty a:focus{
	background: #FFCC00;
}
#typage .img-ty img{
	border-radius: 40px;
}
#typage .img-ty{
	position: relative;
	border-radius: 40px;
	box-shadow: 7px 9px 28px 0px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 7px 9px 28px 0px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 7px 9px 28px 0px rgba(0,0,0,0.33);
}
#typage .img-ty:before{
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 40px;
	position: absolute;
	top: 0;
	left: 0;
	background: conic-gradient(from 210deg at 70% 101%, #ffffff00, #d9ff452b, #D9FF45);
}