.contenedor-portfolio{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:auto;padding:30px 0;display:flex;position:relative;overflow:hidden}.contenedor-portfolio .reminder .titulo,.contenedor-portfolio .reminder .texto{color:var(--color-oscuro)}.contenedor-portfolio .titulo-seccion{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:80%;display:flex}.contenedor-portfolio .titulo-seccion .titulo-principal-portfolio{font-family:Baskervville SC,sans-serif;font-size:48px;font-weight:300}.contenedor-portfolio .titulo-seccion .titulo-principal-portfolio .primera-letra{font-family:Critical;font-size:64px}.contenedor-portfolio .titulo-seccion .descripcion-portfolio{text-align:center;font-family:Baskervville,sans-serif;font-size:20px;font-weight:400}.portfolio{width:80%;max-width:1400px;filter:drop-shadow(0px 3px 3px var(--sombra-oscura));flex-direction:column;justify-content:center;align-items:center;display:flex}@media screen and (max-width:1200px){.portfolio{width:90%}}.proyecto{color:#fff;width:100%;padding:30px 0;position:relative}.proyecto:before{content:"";background:var(--color-proyecto);background:linear-gradient(0deg,#fff0 0%,var(--color-proyecto)3%,var(--color-proyecto)97%,#fff0 100%);z-index:0;transform-origin:50%;z-index:-1;opacity:0;width:100vw;height:100%;transition:all 1s;position:absolute;top:0%;left:50%;translate:-50%}.banner-background-effect{padding:30px 0;position:relative}.banner-background-effect .banner-container{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:5px;transition:all .5s;display:flex;position:relative;-webkit-mask-image:url(/masks/frame-hor-2x-long.svg);mask-image:url(/masks/frame-hor-2x-long.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.banner-background-effect .banner-container .banner{background:var(--color-proyecto);grid-template-columns:1fr 1fr;gap:20px;width:100%;padding:20px;transition:all .4s;display:grid;-webkit-mask-image:url(/masks/frame-hor-2x-long.svg);mask-image:url(/masks/frame-hor-2x-long.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.banner-background-effect .banner-container .banner .contenedor-caso-estudio{justify-content:center;align-items:center;display:flex}.banner-background-effect .banner-container .banner .contenedor-portada-banner{justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;overflow:hidden}.banner-background-effect .banner-container .banner .contenedor-portada-banner .contenedor-imagen-banner{background:#fff;width:100%;height:100%;max-height:400px;padding:5px;-webkit-mask-image:url(/masks/frame-square.svg);mask-image:url(/masks/frame-square.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.banner-background-effect .banner-container .banner .contenedor-portada-banner .contenedor-imagen-banner img{background:var(--color-proyecto);vertical-align:bottom;object-fit:cover;width:100%;height:100%;max-height:390px;-webkit-mask-image:url(/masks/frame-square.svg);mask-image:url(/masks/frame-square.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.banner-background-effect .banner-container .banner .contenedor-textos-banner{color:var(--color-letras);flex-direction:column;grid-area:1/2/2/2;justify-content:space-between;align-items:start;gap:20px;padding:20px;display:flex}.banner-background-effect .banner-container .banner .contenedor-textos-banner .titulo-proyecto{font-family:Baskervville SC,sans-serif;font-size:40px;font-weight:400}.banner-background-effect .banner-container .banner .contenedor-textos-banner .descripcion-proyecto{white-space:pre-line;font-family:Baskervville,sans-serif;font-size:20px;font-weight:400}.banner-background-effect .banner-container .banner .contenedor-textos-banner .tags-proyecto{font-family:Baskervville SC,sans-serif;font-size:24px;font-style:italic;font-weight:400}.banner-background-effect .banner-container .banner .disclaimer{grid-column:2/3;justify-content:center;align-items:center;width:100%;display:flex}.banner-background-effect .banner-container .banner .disclaimer .contenido-disclaimer{cursor:pointer;color:var(--color-letras);flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:10px;font-family:Baskervville,sans-serif;font-size:24px;font-weight:400;transition:all .3s;display:inline-flex}.banner-background-effect .banner-container .banner .disclaimer .contenido-disclaimer .texto-ocultar{display:none}.banner-background-effect .banner-container .banner .disclaimer .contenido-disclaimer .icono-flecha{width:24px;height:24px;transition:all .5s}.banner-background-effect .banner-container .banner .disclaimer .contenido-disclaimer .icono-flecha svg{width:100%;height:100%}.banner-background-effect .banner-container .banner .disclaimer .contenido-disclaimer:hover{transform:scale(1.2)}@media screen and (max-width:1000px){.banner-background-effect .banner-container{-webkit-mask-image:url(/masks/frame-square.svg);mask-image:url(/masks/frame-square.svg)}.banner-background-effect .banner-container .banner{flex-direction:column;grid-template-columns:1fr;gap:20px;transition:all .4s;display:flex;-webkit-mask-image:url(/masks/frame-square.svg);mask-image:url(/masks/frame-square.svg)}.banner-background-effect .banner-container .banner .contenedor-textos-banner{gap:20px}}.contenido-proyecto{max-height:0;transition:all .5s;transform:translateY(20px)}.contenido-proyecto .contenedor-imagen-contenido{opacity:0;transition:all .2s}.contenido-proyecto .contenedor-imagen-contenido img{width:100%;height:auto;display:block}.proyecto.activo:before{opacity:1}.proyecto.activo .banner-container .banner{color:var(--color-oscuro);background-color:#fff;transition-delay:0s}.proyecto.activo .banner-container .banner .contenedor-textos-banner{color:var(--color-oscuro)}.proyecto.activo .banner-container .banner .disclaimer .contenido-disclaimer{color:var(--color-oscuro)}.proyecto.activo .banner-container .banner .disclaimer icono-flecha{transform:rotate(180deg)}.proyecto.activo .banner-container .banner .disclaimer .texto-mostrar{display:none}.proyecto.activo .banner-container .banner .disclaimer .texto-ocultar{display:inline}.proyecto.activo .banner-container .banner .disclaimer .icono-flecha{transform:rotate(180deg)}.proyecto.activo .banner-background-effect:before{opacity:1}.proyecto.activo .contenido-proyecto{max-height:5000px;transition-delay:0s;transition-timing-function:ease-in-out}.proyecto.activo .contenido-proyecto .contenedor-imagen-contenido{opacity:1;transition:all .5s .5s}.proyecto.activo .contenido-proyecto{padding-bottom:80px}.proyecto.activo .cta-primario .enlace-cta-primario{color:#fff}.proyecto.activo .cta-primario .background{color:var(--color-proyecto)}.proyecto.activo .cta-primario .highlight svg{color:#fff}
.contenido-churretes{grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:0 40px;display:grid}.contenido-churretes .contenedor-imagen-contenido{border:3px solid var(--color-crema);border-radius:10px;width:100%;overflow:hidden}.contenido-churretes .contenedor-imagen-contenido.col2-row1{grid-column:span 2}.contenido-churretes .contenedor-imagen-contenido.col1-row1{grid-column:span 1}@media screen and (max-width:600px){.contenido-churretes{grid-template-columns:1fr;padding:0}.contenido-churretes .contenedor-imagen-contenido.col2-row1{grid-column:span 1}}