/* GLOBAL
------------------------------ */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#090909}::-moz-selection{color:#fff;background:rgba(250,250,250,.4);text-shadow:none}::selection{color:#fff;background:rgba(250,250,250,.4);text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}


/* FONTS */

@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/Helvetica-Bold.woff2') format('woff2'),
		 url('../fonts/Helvetica-Bold.woff') format('woff'),
		 url('../fonts/Helvetica-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}


/* LENIS */

html.lenis, html.lenis body { height: auto; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch] { overscroll-behavior: contain; }
.lenis.lenis-smooth iframe { pointer-events: none; }
.lenis.lenis-autoToggle { transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; }


/* BASIC */

:root {
	@media (prefers-reduced-motion: no-preference) {
		interpolate-size: allow-keywords;
	}
	--black: #000;
	--white: #fff;
	--pad: 1rem;
}

::-moz-selection {
	color: var(--white);
	background: var(--black);
}
  
::selection {
	color: var(--white);
	background: var(--black);
}

.nojq  {
	display: none;
}

* {
	/* Debug mode */
	/* outline: 1px solid blue; */
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent!important;
}

a, div, img {
    outline: 0 !important;
}

html {
	-ms-overflow-style: none;
    scrollbar-width: none;
	scrollbar-gutter: stable;
}

html::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

body,
html {
	overflow-x: clip;
}

body {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

body::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

body {
	width: 100%;
	height: 100%;
	font-family: 'Helvetica', sans-serif;
	color: var(--black);
	background-color: var(--white);
	line-height: 1;
    font-size: 1rem;
	font-weight: 700;
	min-block-size: 100svh;
}

a {
	text-decoration: none;
	color: var(--black);
}

nav {
	position: fixed;
	inset: 0 0 auto 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;

	a,
	span {
		@media (width > 900px) {
			&:hover {
				text-decoration: underline;
                text-decoration-thickness: 2.5px;
			    text-underline-offset: 4.5px;
			}
		}
	}

    a,
    span {
        cursor: pointer;
    }

	.main-menu,
	.single-menu {
		a,
		span {
            &.active {
                text-decoration: underline;
                text-decoration-thickness: 2.5px;
			    text-underline-offset: 4.5px;
            }
		}
	}
}

footer {
    position: fixed;
    display: flex;
    bottom: 0;
    left: 0;
    width: 100%;
	flex-direction: row;
	justify-content: space-between;
    align-items: flex-start;

    .left,
    .right {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;

        a {
            @media (width > 900px) {
                &:hover {
                    text-decoration: underline;
                    text-decoration-thickness: 1.5px;
                    text-underline-offset: 2.5px;
                }
            }
        }
    }

    .right {
        justify-content: flex-end;
    }
}

::-moz-selection { color: var(--white);  background: var(--black); }
::selection      { color: var(--white);  background: var(--black); }

/* MODAL INFO */

.info-modal {
    width: 100%;
    max-width: 100%;
    max-height: 100dvh;
    height: 100dvh;
    border: 0;
    background: var(--black);
    color: var(--white);
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.35s ease, display 0.35s allow-discrete, overlay 0.35s allow-discrete;
}

.info-modal[open] {
    opacity: 1;
}

@starting-style {
    .info-modal[open] {
        opacity: 0;
    }
}

.info-modal::backdrop {
    background: rgba(0, 0, 0, 0);
    transition: background-color 0.35s ease, display 0.35s allow-discrete, overlay 0.35s allow-discrete;
}

.info-modal[open]::backdrop {
    background: rgba(0, 0, 0, 0.35);
}

@starting-style {
    .info-modal[open]::backdrop {
        background: rgba(0, 0, 0, 0);
    }
}

/* Entrada escalonada del contenido */

.info-modal[open] [data-anim] {
    animation: info-fade-in 0.45s ease both;
    animation-delay: calc(0.18s + var(--i, 0) * 0.025s);
}

@keyframes info-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 900px) {
    .info-modal[open] [data-anim] {
        animation-delay: calc(0.18s + var(--i, 0) * 0.08s);
    }
}

@media (prefers-reduced-motion: reduce) {
    .info-modal,
    .info-modal::backdrop {
        transition-duration: 0.01ms;
    }

    .info-modal[open] [data-anim] {
        animation: none;
    }
}

.info-modal-inner {
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    -ms-overflow-style: none;
    scrollbar-width: none;

    li,
    p {
        line-height: 1.2;
    }

    @media (width > 900px) {
        a:hover {
            opacity: 0.5;
        }
    }
}

.info-modal-inner::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.info-close {
    position: fixed;
    top: var(--pad);
    right: var(--pad);
    background: none;
    border: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    z-index: 1;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.pad-b-0{
    padding-bottom: calc(var(--pad) / 2);
}

.pad-t-0{
    padding-top: calc(var(--pad) / 2);
}

.pad-r-0{
    padding-right: calc(var(--pad) / 2);
}

.pad-l-0{
    padding-left: calc(var(--pad) / 2);
}

.pad-0{
    padding: calc(var(--pad) / 2);
}

.pad-b{
    padding-bottom: var(--pad);
}

.pad-t{
    padding-top: var(--pad);
}

.pad-r{
    padding-right: var(--pad);
}

.pad-l{
    padding-left: var(--pad);
}

.pad{
    padding: var(--pad);
}

.pad-b-1{
    padding-bottom: calc(3.5 * var(--pad));
}

.pad-t-1{
    padding-top: calc(3.5 * var(--pad));
}

.pad-r-1{
    padding-right:calc(3.5 * var(--pad));
}

.pad-l-1{
    padding-left: calc(3.5 * var(--pad));
}

.pad-1{
    padding: calc(3.5 * var(--pad));
}

.mag-auto{
    margin: 0 auto;
}

.block{
    display: block;
}

.w-100 {
    width: 100%;
}

.h-100{
    height: 100%;
}

.h-100-vh{
    height: 100dvh;
}

.min-100-vh{
    min-height: 100dvh;
}

.max-100-vh {
    max-height: 100dvh;
}

a:link {
    text-decoration: none;
    color: inherit;
}

a:visited {
    color: inherit;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.end-justify{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.evenly{
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}

.align-center{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.align-end {
    align-items: flex-end;
}

.column{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.column-r{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.jus-center{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.z-9{
    z-index: 9;
}

.z-99{
    z-index:  99;
}

.z-999{
    z-index: 999;
}

.z-9999{
    z-index: 9999;
}

.w-20 {
    width: 20%;
}

.w-50 {
    width: 50%;
}

.hide-scroll{
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.mobile {
    display: none;
}

.wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.center{
    text-align: center;
}

.justify{
    text-align: justify;
}

.t-right{
    text-align: right;
}

.ab-center{
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.ab-x{
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.none{
    pointer-events: none;
}

.auto{
    pointer-events: auto;
}

.none-s{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.inline-block{
    display: inline-block;
}

.inline {
    display: inline;
}

.block{
    display: block;
}

.hide{
    display: none;
}

.hide-op{
    opacity: 0;
    -webkit-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.hidden{
    overflow: hidden;
}

.cover{
    -o-object-fit: cover;
       object-fit: cover;
}

.contain {
    -o-object-fit: contain;
       object-fit: contain;
}

.underline{
    text-decoration: underline;
}

.sticky {
    position: sticky;
}

.flex-end{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.a-self{
    -ms-flex-item-align: start;
        align-self: flex-start
}

.nw{
    white-space: nowrap;
}

.b {
    border: solid black 1px;
}

.b-b{
    border-bottom: solid black 1px;
}

.b-t{
    border-top: solid black 1px;
}

ul, li {
  list-style-type: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.white-bk {
    background: white;
}

.white{
    color: white;
}

.upper{
    text-transform: uppercase;
}

.round{
    border-radius: 2rem;
}

.round-half {
    border-radius: 0.8rem;
}

.gap-0 {
    gap: calc(var(--pad) / 2);
}

.gap {
    gap: var(--pad);
}

.mobile {
    display: none;
}

.balance {
    text-wrap: balance;
}


/*          GALERIA         */
/*..........................*/

.galeria img {
    height: 100%;
    width: auto;
}

.galeria--clon {
    overflow: hidden;
}

/* Oculto hasta la animación de entrada */
.js .galeria:not(.galeria--clon) .individual,
.js .galeria:not(.galeria--clon) .pareja__item {
    opacity: 0;
}

.galeria > *:last-child {
    padding-bottom: 0;
}

.pareja__item img {
    width: 100%;
    height: auto;
}

.pareja__item {
    height: 100%;
}

.individual {
    justify-content: center;
}

.individual.right a {
    transform: translateX(25%);
}

.individual.left a {
    transform: translateX(-25%);
}

.individual.right img {
    width: 33vw;
}

.individual.left img {
    width: 50vw;
}

.individual.center_large img {
    width: 50vw;
}

.individual.center_small img {
    width: 25vw;
}

.pareja.p60_40 .pareja__item:first-child {
    width: 60%;
}

.pareja.p60_40 .pareja__item:last-child {
    width: 40%;
}

.pareja.p40_60 .pareja__item:first-child {
    width: 40%;
}

.pareja.p40_60 .pareja__item:last-child {
    width: 60%;
}

.pareja.p50_50 .pareja__item:first-child {
    width: 50%;
}

.pareja.p50_50 .pareja__item:last-child {
    width: 50%;
}

.pareja.p30_70 .pareja__item:first-child {
    width: 25%;
}

.pareja.p30_70 .pareja__item:last-child {
    width: 75%;
}

.pareja.p70_30 .pareja__item:first-child {
    width: 70%;
}

.pareja.p70_30 .pareja__item:last-child {
    width: 30%;
}

.individual a, .pareja a {
    position: relative;
}

.individual a img, .pareja a img {
    transition: filter .4s ease;
}

.proyecto-info {
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: opacity .4s ease;
}

.proyecto-info.negro {
    color: var(--black);
}

.proyecto-info.blanco {
    color: var(--white);
}

nav, .info-close {
    -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent;
    background: white;
    mix-blend-mode: difference;
    pointer-events: none;
}

nav > *, .info-close {
    pointer-events: auto;
}

/*          LISTA        */
/*.......................*/

.lista-wrapper {
    width: 35vw;
    left: 35vw;
}

.js .lista-wrapper > article {
    opacity: 0;
}

.lista-item {
    display: block;
}

.lista-item__media {
    display: block;
    height: 0;
    overflow: hidden;
}

.lista-item__media-inner {
    display: block;
}

.lista-item__media img {
    display: block;
    width: 100%;
    height: auto;
    padding: calc(var(--pad) / 2) 0;
}

/*          INFO         */
/*.......................*/

.col-1-info, .footer-info-item-1 
{
    width: 35%;
}

.col-2-info, .footer-info-item-2 {
    width: 65%;
}

.font-XS {
    font-size: 10px;
}


@media screen and (max-width: 1024px) {

    .lista-wrapper {
        width: 100%;
        left: inherit;
        padding-top: calc(var(--pad) * 5);
    }


}

/* HOVER */
@media screen and (min-width: 820px) {

    .individual a:hover .proyecto-info, .pareja a:hover .proyecto-info {
        opacity: 1;
    }

    .individual a:hover img, .pareja a:hover img {
        filter: invert(1);
    }

}

@media screen and (max-width: 820px) {

:root {
    --pad: 0.8rem;
}

   .column-m {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .col-1-info, .col-2-info, .footer-info-item-1, .footer-info-item-2 {
        width: 100%;
    }

    .individual .proyecto-info, .pareja .proyecto-info {
        display: none;
    }

    .lista-item__media {
        display: none;
    }

/*    .individual .proyecto-info, .pareja .proyecto-info {
        opacity: 1;
        position: relative;
        padding-top: calc(var(--pad) / 2);
        transform: none;
        top: inherit;
        left: inherit;
        text-align: left;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent;
        background: black;
    }*/

    .individual a {
        display: flex;
        flex-direction: column;
    }

    .individual.right a, .individual.left a {
        transform: translateX(0);
    }

    .individual.right img, .pareja.p60_40 .pareja__item:first-child, .individual.center_large img, .pareja.p30_70 .pareja__item:last-child img {
        width: 75vw;
    }

    .pareja.p60_40 .pareja__item:last-child a {
        width: 60vw;
    }

    .individual.center_small img, .individual.center_large:nth-child(2 of .individual.center_large) img, .pareja.p30_70 .pareja__item:first-child img {
        width: 50vw;
    }

    .pareja.p60_40 .pareja__item:last-child, .pareja.p30_70 .pareja__item:first-child {
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }

    .pareja.p50_50 .pareja__item:first-child, .pareja.p30_70 .pareja__item:last-child, .pareja.p70_30 .pareja__item:first-child, .pareja.p70_30 .pareja__item:last-child  {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .pareja.p50_50 .pareja__item:first-child img, .pareja.p70_30 .pareja__item:last-child img {
        width: 75vw;
    }

    .pareja.p50_50 .pareja__item:last-child {
        width: 100%;
    }

    .pareja.p50_50 {
        flex-direction: column-reverse;
    }

    .individual.center_small {
        justify-content: flex-start;
    }

    .info-modal-inner {
        padding-top: calc(var(--pad) * 4);
    }

}

@media screen and (max-width: 500px) { 

}

/* PAGE TRANSITION
------------------------------ */

main {
	opacity: 0;
	animation: page-in 0.45s ease forwards;
}

@keyframes page-in {
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	main {
		opacity: 1;
		animation: none;
	}
}


/* SLIDER PROYECTO
------------------------------ */

.slider {
	position: fixed;
	inset: 0;
	overflow: hidden;
	touch-action: none;
	overscroll-behavior: contain;
	outline: 0;
	cursor: grab;
	-webkit-user-select: none;
	user-select: none;
}

.slider__track {
	display: flex;
	height: 100%;
	will-change: transform;
}

.slider__slide {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider__slide img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	object-fit: contain;
	user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}

.slider__slide--first {
	opacity: 0;
}

.slider__slide--first.is-loaded {
	opacity: 1;
	transition: opacity 0.6s ease-out;
}

.slider__zone {
	position: absolute;
	inset-block: 0;
	width: 33%;
	border: 0;
	padding: 0;
	background: transparent;
	appearance: none;
	z-index: 2;
	cursor: grab;
}

.slider__zone--prev {
	inset-inline-start: 0;
}

.slider__zone--next {
	inset-inline-end: 0;
}

.slider.is-dragging,
.slider.is-dragging * {
	cursor: grabbing;
}

.slider__counter {
	position: absolute;
	inset: auto auto 15px 15px;
	z-index: 3;
	pointer-events: none;
	font-variant-numeric: tabular-nums;
}


/* PANEL INFO PROYECTO
------------------------------ */

.proyecto-panel {
	position: fixed;
	inset: 0;
	z-index: 50;
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.92);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

.proyecto-panel.is-open {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.35s ease, visibility 0s;
}

.proyecto-panel__inner {
	width: 100%;
	align-items: flex-start;
}

.proyecto-panel__titulo {
	flex: 0 0 12rem;
	line-height: 1.2;
}

article {
    line-height: 1.2;
}

.proyecto-panel__texto {
	flex: 1 1 auto;
	line-height: 1.2;
}

.proyecto-panel__texto p + p {
	margin-top: 1em;
}

.proyecto-panel__texto a {
	text-decoration: underline;
}

.proyecto-panel.is-open [data-anim] {
	animation: info-fade-in 0.45s ease both;
	animation-delay: calc(0.15s + var(--i, 0) * 0.08s);
}

@media screen and (max-width: 820px) {
	.proyecto-panel {
		align-items: stretch;
		overflow-y: auto;
	}

	.proyecto-panel__inner {
		margin-block: auto;
		padding-top: calc(var(--pad) * 3.5);
		padding-bottom: calc(var(--pad) * 3.5);
	}

	.proyecto-panel__titulo {
		flex: 0 0 auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.proyecto-panel {
		transition-duration: 0.01ms;
	}

	.proyecto-panel.is-open [data-anim] {
		animation: none;
	}
}