@charset "UTF-8";
/* CSS - Landing pages - admision.uss.cl 2025 - v.1.0.7 - 8/2025 */

@import url("font-color.css");

/* Tipografías */
a{text-decoration:none!important;}

/* Landing FUAS 2025 para HubSpot 8/2025 */

html, body{margin:0;padding:0;}

.lp-fuas, .lp-fuas h5{font-family:var(--font-usscl-secondary);}

.lp-fuas p{font-size:1em!important;}

.lp-fuas .btn{border-radius:50px;}

.header-section{width:100%;height:630px;padding-top:4%;position:relative;}

.header-section::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.3);}

.header-section .headline-items{display:flex;align-items:center;}

.header-section img{width:50%;margin-bottom:12%;}

.bg-fuas{background:url("https://admisiondev.uss.cl/hubfs/qa-admision-uss-cl-v1/site/imgs/landing/fondo-fuas-uss.webp") no-repeat center top / cover;}

h1.lp-fuas{font-size:2.9em;font-weight:700;color:var(--color-usscl-21);}

h2.lp-fuas{font-size:2.7em;font-weight:600;color:var(--color-usscl-1);}

.lp-fuas .clr-h2{color:var(--color-usscl-3);}

h3.lp-fuas{font-size:1.4rem;font-weight:500;line-height:1.4rem;color:var(--color-usscl-4);margin-bottom:40px;}

.header-section .form-fuas-box{width:60%;border-radius:0.75rem;background-color:rgba(255, 255, 255, 0.6);padding:20px;}

.header-section .form-fuas-box a{color:var(--color-usscl-2);font-weight:bold;}

.header-section .form-fuas-box button{text-transform:uppercase;}

.header-section .form-fuas-input{width:100%;color:var(--color-usscl-2);background:var(--color-usscl-4);;border:1px solid var(--color-usscl-2);border-radius:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.28);padding:10px;margin-bottom:20px;}

.lp-fuas .content-info-1{background:var(--color-usscl-4);}

.lp-fuas .box-info{height:250px;border:1px solid var(--color-usscl-2);border-radius:10px;padding:0 30px;text-align:center;}

.lp-fuas .ico-box-info{width:128px;height:128px;background:var(--color-usscl-4);position:relative;top:-64px;}

.lp-fuas .zone-txt-box-info{position:relative;top:-30px;}

.lp-fuas .box-info h4{color:var(--color-usscl-22);}

.lp-fuas .content-info-2{background:var(--color-usscl-2);color:var(--color-usscl-4);}

.lp-fuas .content-info-2 h2{color:var(--color-usscl-4);font-size:2.7em;}

.lp-fuas .content-info-2 p, .lp-fuas .content-info-3 p{font-size:1.5em;font-weight:400;}

.lp-fuas .box-personal-data{width:70%;height:200px;border:1px solid var(--color-usscl-22);border-radius:6px;display:flex;align-items:center;padding:0 20px;}

.lp-fuas .box-personal-data .img-pd{background:var(--color-usscl-2);position:relative;transform:none;top:auto;left:-64px;}

.lp-fuas .box-personal-data .img-pd img{width:128px;height:128px;}

.lp-fuas .box-personal-data .txt-pd {text-align:left;position:relative;left:-10%;}

.lp-fuas .box-personal-data .txt-pd p{font-size:1em;}

.lp-fuas .banner-info-fuas{width:900px;height:370px;background:url("https://admisiondev.uss.cl/hubfs/qa-admision-uss-cl-v1/site/imgs/landing/banner-fuas-guia.webp") no-repeat center top / cover;border-radius:25px;position:relative;top:-40px;}

.lp-fuas .banner-info-fuas h4{color:var(--color-usscl-4);}

.lp-fuas .step-box-desk, .lp-fuas .step-box-desk .five-steps-box{height:550px;}

.lp-fuas .step-box-desk{width:1130px;background:url("https://admisiondev.uss.cl/hubfs/qa-admision-uss-cl-v1/site/imgs/landing/primer-periodo-proceso.png") no-repeat;margin-bottom:40px;}

.lp-fuas .step-box-desk .five-steps-box{width:222px;padding:50px 0 10px 60px;float:left;}

.lp-fuas .step-box-desk .five-steps-box h4, .lp-fuas .step-box-desk .five-steps-box h5{text-transform:uppercase;}

.lp-fuas .step-box-desk .five-steps-box h4{font-size:1.3em;font-weight:700;}

.lp-fuas .step-box-desk .five-steps-box h5{font-size:1em;font-weight:600;color:#266aa6;}

.lp-fuas .step-box-mob{display:none;}

.lp-fuas .content-info-4{background:var(--color-usscl-3);color:var(--color-usscl-2);padding:40px 0;}

.lp-fuas .box-tips-info{width:65%;margin:20px 0;}

.lp-fuas .txt-box-tips-info{height:60px;display:flex;align-items:center;}

.lp-fuas .txt-box-tips-info p{font-size:1.5em!important;margin:2px 0 0 20px;}

.lp-fuas .txt-box-tips-info p strong{font-weight:700;color:var(--color-usscl-4);}

.lp-fuas .box-alert-tips{width:65%;color:var(--color-usscl-4);background:#3f8ee8;border-radius:10px;padding:25px 25px 0 25px;}

.lp-fuas .box-alert-tips .img-alert{width:90px;height:90px;background:var(--color-usscl-3);border-radius:100px;padding:10px;position:relative;left:-70px;transform:translateY(70%);}

.lp-fuas .box-alert-tips .img-alert img{width:66px;height:66px;margin-top:2px;}

.lp-fuas .box-alert-tips .txt-alert{text-align:left;padding-right:4%;position:relative;left:55px;transform:translateY(-36%);}

main.lp-pedagogia{width:100%;min-height: 100vh;font-family: var(--font-usscl-secondary);color:var(--color-usscl-2);position:relative;overflow:hidden;clear:both;}

main.lp-pedagogia::before{width:100%;height:100%;content:'';background:url("https://admisiondev.uss.cl/hubfs/qa-admision-uss-cl-v1/site/imgs/landing/fnd-pedagogia.jpg") no-repeat center center/cover;opacity:0.2;position:absolute;top:0;left:0;z-index:-1;}

.lp-pedagogia header{width:100%;height:120px;background:var(--color-usscl-2);padding:10px 0;}

.lp-pedagogia header img{height:100px;}

.lp-pedagogia h1{font:400 3em var(--font-usscl-secondary);text-transform:uppercase;}

.lp-pedagogia h1 strong{font-weight:800;}

.lp-pedagogia h3{font:400 1.4em var(--font-usscl-secondary);background:var(--color-usscl-3);padding:20px;}

.lp-pedagogia h4, .lp-pedagogia .box-info h2{font:400 1.25em var(--font-usscl-secondary);color:var(--color-usscl-4);background:var(--color-usscl-23);text-align:center;padding:5px 0;}

.lp-pedagogia .box-info{border:1px solid var(--color-usscl-2);padding:10px 60px;margin:2em;}

.lp-pedagogia .box-info h2{position:relative;left:-90px;bottom:25px;}

.lp-pedagogia .box-info ul{margin:0 0 40px 0;}

.lp-pedagogia .form-area{border-radius:20px;background:var(--color-usscl-23);padding:40px 20px;margin:100px 10px;display:flex;gap:20px;}

.lp-pedagogia .form-group{display:flex;flex-direction:column;flex-grow:1;padding:5px;}

.lp-pedagogia .form-area label {font:400 0.8em var(--font-usscl-secondary)!important;color:var(--color-usscl-4);margin-bottom:5px;}

.lp-pedagogia .form-area .form-box {width:100%;height:40px;font-size:0.8em;border-radius:5px;border:none;padding:5px;}

.lp-pedagogia .form-area .hs-button{font:400 1em var(--font-usscl-secondary)!important;color:var(--color-usscl-4);background:var(--color-usscl-6);border:none;border-radius:20px;padding:10px 40px;}

.lp-pedagogia .form-area .hs-button:hover{background:var(--color-usscl-1);}

.foot-info{color:var(--color-usscl-4);background:var(--color-usscl-23);text-align:center;padding:50px;}

.foot-info h2{font:400 2em var(--font-usscl-secondary);}

.foot-info p{font:400 1em var(--font-usscl-secondary);}

footer{height:125px;background:var(--color-usscl-1);display:block;padding:20px;}

img.logo-uss-footer{width:260px;}

img.logo-acc-footer{width:160px;margin-top:6px;}

img.logo-qm-footer{width:100px;margin-top:8px;}

.pp-area{width:100%;background:var(--color-usscl-2);text-align:center;padding:10px;}

.pp-area a{color:var(--color-usscl-4);font-family:var(--font-usscl-secondary);}

.pp-area a:hover{text-decoration:underline!important;}

@media (min-width: 768px) and (max-width: 1024px) {
    
    .header-section{height:570px;}
    
    .header-section img{width:70%;margin-bottom:40px;}
    
    h1.l-fuas{font-size:2em;}
    
    h3.l-fuas{font-size:1em;}
    
    .header-section .form-fuas-box{width:100%;}
    
    .lp-fuas .box-info h4{font-size:1em;}
    
    .lp-fuas .box-info p{font-size:0.8em!important;}
    
    .lp-fuas .zone-txt-box-info{top:-50px;}
    
    .lp-fuas .step-box-desk, .lp-fuas .step-box-desk .five-steps-box{height:350px;display:block;}
    
    .lp-fuas .step-box-desk{width:700px;background-size:contain;margin:0;}
    
    .lp-fuas .step-box-desk .five-steps-box{width:20%;padding:30px 0 10px 35px;}
        
    .lp-fuas .step-box-desk .five-steps-box h4{font-size:0.8em;}
        
    .lp-fuas .step-box-desk .five-steps-box h5, .lp-fuas .step-box-desk .five-steps-box p{font-size:0.6em!important;}
    
    .lp-fuas .box-tips-info, .lp-fuas .box-alert-tips{width:90%;}
    
    .lp-fuas .box-alert-tips .txt-alert{padding-right:10%;}
    
    img.logo-uss-footer{width:200px;}
    
    img.logo-acc-footer{width:100px;margin-top:12px;}
    
    img.logo-qm-footer{width:50px;margin-top:16px;}
    
}

@media (max-width: 767px) {
    
    .header-section{height:130vh;}
    
    .header-section img{width:70%;margin-bottom:40px;}
    
    h2.lp-fuas{font-size:2em;}
    
    h3.l-fuas{margin-bottom:30px;}
    
    .header-section .form-fuas-box{width:100%;}
    
    .lp-fuas .box-personal-data{width:70%;height:200px;border:1px solid var(--color-usscl-22);border-radius:6px;display:flex;align-items:center;padding:0 20px;}
    
    .lp-fuas .box-personal-data .img-pd img{width:100px;height:100px;}
    
    .lp-fuas .box-personal-data .txt-pd {text-align:left;position:relative;left:-20%;}
    
    .lp-fuas .box-personal-data .txt-pd p{font-size:0.8em;}
    
    .lp-fuas .step-box-desk, .lp-fuas .step-box-desk .five-steps-box{display:none;}
    
    .lp-fuas .step-box-mob{margin:60px 0;display:block;}
    
    .lp-fuas .step-box-mob p.txt-number{font-size:4em!important;font-weight:800;text-align:right;}
    
    .lp-fuas .step-box-mob h4, .lp-fuas .step-box-mob h6{text-transform:uppercase;}
    
    .lp-fuas .step-box-mob h4{font-weight:700;}
    
    .lp-fuas .step-box-mob h5{font-size:1em;font-weight:600;color:#266aa6;}
    
    .lp-fuas .step-box-mob h6{font-size:1.4em;font-weight:400;margin-bottom:40px;}
    
    .lp-fuas .box-tips-info{width:100%;}
    
    .lp-fuas .txt-box-tips-info p{font-size:1em!important;padding-left:20px;}
    
    .lp-fuas .box-alert-tips{width:85%;height:300px;padding-right:50px;}
    
    .lp-fuas .box-alert-tips .txt-alert{padding-right:0;left:30px;}
    
    .lp-fuas .box-alert-tips .txt-alert h4{font-size:1.2em;}
    
    .lp-fuas .box-alert-tips .txt-alert li{font-size:0.9em;}
    
    .lp-pedagogia h1{font:400 2em var(--font-usscl-secondary);}

    
    footer{height:400px;}
    
    footer img{display:block;margin:10px auto;}
        
}