.proyecto-ejemplo-hero{width:100%;height:100%;min-height:100svh;padding-bottom:8rem;position:relative;overflow:hidden}.proyecto-ejemplo-hero .proyecto-ejemplo-hero-overlay{background:radial-gradient(circle at 30%,#ff2a2814 0%,#0000 60%);background-color:var(--base-950);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.proyecto-ejemplo-hero .container{color:var(--base-50);padding-top:15svh;padding-left:clamp(2rem,8vw,12rem);padding-right:clamp(2rem,8vw,12rem);position:relative}.proyecto-ejemplo-hero-header{margin-bottom:6rem}.proyecto-ejemplo-hero-title-wrapper{align-items:center;gap:2rem;margin-bottom:1rem;display:flex}.proyecto-ejemplo-hero-header h1{text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.05}.proyecto-ejemplo-hero-main{grid-template-columns:1.2fr 1fr;align-items:flex-start;gap:6rem;display:grid}.proyecto-ejemplo-hero-text{flex-direction:column;gap:2.5rem;padding-top:.5rem;display:flex}.proyecto-ejemplo-hero-text h3{color:var(--base-100);text-align:left;letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;line-height:1.3}.proyecto-ejemplo-hero-text p.lg{color:var(--base-400);text-align:left;max-width:100%;font-size:1.25rem;line-height:1.7}.proyecto-ejemplo-hero-text p.lg *{text-align:left}.proyecto-ejemplo-meta .proyecto-ejemplo-hero-row{gap:4rem;margin-top:2rem;display:flex}.proyecto-ejemplo-hero-sub-col .subtitle{letter-spacing:.1em;text-transform:uppercase;color:#ff2a28;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.proyecto-ejemplo-hero-sub-col p{color:var(--base-100);font-size:1.1rem}.proyecto-ejemplo-hero-visual{position:relative}.proyecto-ejemplo-details-img{width:100%;position:relative}.proyecto-ejemplo-details-img img{border-radius:1.5rem;width:100%;height:auto;box-shadow:0 40px 100px #000c}.proyecto-ejemplo-details{background-color:var(--base-950);padding:4rem 0}.proyecto-ejemplo-details .container{flex-direction:column;gap:2.5rem;padding-left:clamp(2rem,8vw,12rem);padding-right:clamp(2rem,8vw,12rem);display:flex}.proyecto-ejemplo-details .subtitle{color:#ff2a28;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;font-weight:700}.proyecto-ejemplo-details p{color:var(--base-200)}.proyecto-ejemplo-details.proyecto-ejemplo-details-2 .proyecto-ejemplo-meta{flex-direction:column;gap:4rem;display:flex}.proyecto-ejemplo-details-2 .proyecto-ejemplo-hero-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4rem;width:100%;display:grid}.proyecto-ejemplo-details-2 .proyecto-ejemplo-hero-sub-col{flex-direction:column;gap:.75rem;display:flex}.proyecto-ejemplo-details-2 .proyecto-ejemplo-hero-sub-col p:not(.subtitle){color:var(--base-100);border-bottom:1px solid #ffffff08;align-items:center;margin:0;padding:.8rem 0;font-size:1.05rem;transition:color .3s;display:flex}.proyecto-ejemplo-details-2 .proyecto-ejemplo-hero-sub-col p:not(.subtitle):before{content:"";opacity:.6;background:#ff2a28;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:1.25rem}.proyecto-ejemplo-details-2 .proyecto-ejemplo-hero-sub-col p:not(.subtitle):last-child{border-bottom:none}.proyecto-ejemplo-details-2 .proyecto-ejemplo-hero-sub-col p:not(.subtitle):hover{color:#fff}@media (max-width:1200px){.proyecto-ejemplo-hero-main{grid-template-columns:1fr;gap:6rem}.proyecto-ejemplo-hero-visual{max-width:800px;margin:0 auto}}@media (max-width:768px){.proyecto-ejemplo-hero .container{padding-top:10svh}.proyecto-ejemplo-hero-main{gap:4rem}.proyecto-ejemplo-meta .proyecto-ejemplo-hero-row{flex-direction:column;gap:3rem}.proyecto-ejemplo-details .container{grid-template-columns:1fr;gap:2rem}.only-mobile{display:block}.only-desktop{display:none}}@media (min-width:769px){.only-mobile{display:none}.only-desktop{display:block}}