.proyecto-ejemplo-hero{width:100vw;height:100%;min-height:150svh;position:relative;overflow:hidden}.proyecto-ejemplo-hero .proyecto-ejemplo-hero-img{width:100%;height:100%;position:absolute;top:0;left:0}.proyecto-ejemplo-hero .proyecto-ejemplo-hero-overlay{background-color:rgba(20,19,19,.5);width:100%;height:100%;position:absolute;top:0;left:0}.proyecto-ejemplo-content{padding:4rem 0 8rem}.proyecto-ejemplo-hero-header h1{position:relative}.proyecto-ejemplo-hero-title-wrapper{align-items:baseline;gap:1rem;display:flex}.proyecto-ejemplo-hero-icon{color:var(--base-400);cursor:pointer;justify-content:center;align-items:center;font-size:3rem;text-decoration:none;transition:transform .3s,color .3s;display:inline-flex}.proyecto-ejemplo-hero-icon:hover{color:var(--base-300);transform:scale(1.1)}.proyecto-ejemplo-hero .container{color:var(--base-50);padding-top:35svh;position:relative}.proyecto-ejemplo-hero .container .proyecto-ejemplo-content,.proyecto-ejemplo-details.proyecto-ejemplo-details-1 .container,.proyecto-ejemplo-details.proyecto-ejemplo-details-2 .container{gap:2rem;display:flex;position:relative}.proyecto-ejemplo-col:first-child{flex:2}.proyecto-ejemplo-col:nth-child(2){flex:3}.proyecto-ejemplo-col .subtitle{color:var(--base-300);font-size:1.2rem}.proyecto-ejemplo-hero .proyecto-ejemplo-content .proyecto-ejemplo-col:nth-child(2){flex-direction:column;gap:4rem;display:flex}.proyecto-ejemplo-hero .proyecto-ejemplo-content .proyecto-ejemplo-col:nth-child(2) h3{width:85%;margin-bottom:2rem}.proyecto-ejemplo-meta .proyecto-ejemplo-hero-row{gap:2rem;display:flex}.proyecto-ejemplo-meta .proyecto-ejemplo-hero-row .proyecto-ejemplo-hero-sub-col{flex:1}.proyecto-ejemplo-meta .proyecto-ejemplo-hero-row .proyecto-ejemplo-hero-sub-col p:first-child{margin-bottom:1rem}.proyecto-ejemplo-details{width:100vw;height:100%;color:var(--base-300);padding-top:4rem;position:relative;overflow:hidden}.proyecto-ejemplo-details h3{width:85%;color:var(--base-50);margin-bottom:2rem}.proyecto-ejemplo-details-img{border-radius:2rem;width:100vw;max-width:1200px;margin:2.5rem auto;position:relative;overflow:hidden}.proyecto-ejemplo-details-img img{opacity:.85;object-fit:contain;width:100%;height:auto;display:block}.proyecto-ejemplo-details.proyecto-ejemplo-details-2 .proyecto-ejemplo-meta{color:var(--base-50);margin-bottom:4rem}.proyecto-ejemplo-details.proyecto-ejemplo-details-2 .proyecto-ejemplo-meta .proyecto-ejemplo-hero-sub-col p:first-child{color:var(--base-300);margin-bottom:1rem;font-size:1.2rem}.proyecto-ejemplo-details.proyecto-ejemplo-details-2 .proyecto-ejemplo-details-img{margin-top:4rem;margin-bottom:4rem}.only-mobile{display:none}.only-desktop{display:block}@media (max-width:1000px){.only-mobile{display:block}.only-desktop{display:none}.proyecto-ejemplo-hero .container .proyecto-ejemplo-content,.proyecto-ejemplo-details.proyecto-ejemplo-details-1 .container,.proyecto-ejemplo-details.proyecto-ejemplo-details-2 .container{flex-direction:column;gap:4rem}.proyecto-ejemplo-details-img{width:calc(100vw - 2rem)}.proyecto-ejemplo-hero .proyecto-ejemplo-content .proyecto-ejemplo-col:nth-child(2) h3,.proyecto-ejemplo-details h3{width:100%}}