@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Martel+Sans:wght@200;300;400;600;700;800;900&display=swap");h1{margin:0;font-size:2rem}body,p,details,nav{font-size:1rem}body{font-size:1rem;color-scheme:light dark;color:#222;font-family:"Martel Sans", sans-serif}@media (prefer-color-scheme: dark){body{font-weight:bold}}body main{background:#ddd}body a{color:#c08324;transition:font-weight 150ms}body a:hover{font-weight:bold}body h1,body h2,body h4,body summary{color:#081515;font-weight:800}body article#acerca{padding:0;background:#081515;color:#fff}body article#acerca div,body article#acerca h2.selected{padding:2ch;background:#213828;color:#fff}body article#acerca h2{margin:0;padding:2ch}body>footer,body>nav,body article#acerca,body>button,body #landing>section{box-shadow:0 0.1rem 1rem #081515}body>footer h1,body>footer h2,body>footer h3,body>footer h4,body>footer summary,body>footer a,body>nav h1,body>nav h2,body>nav h3,body>nav h4,body>nav summary,body>nav a,body article#acerca h1,body article#acerca h2,body article#acerca h3,body article#acerca h4,body article#acerca summary,body article#acerca a,body>button h1,body>button h2,body>button h3,body>button h4,body>button summary,body>button a,body #landing>section h1,body #landing>section h2,body #landing>section h3,body #landing>section h4,body #landing>section summary,body #landing>section a{color:#fff}body>footer{color:white;background:#081515}::marker{color:#c08324}button{background:#c08324;font-weight:bold}main details,article#conocenos section{box-shadow:0em -1em 1em -1em #bbb}main details{transition:padding-bottom 150ms}main details>p{padding-left:3em}main details>summary{padding-top:1em;padding-bottom:1em}main details:hover{padding-bottom:2em}li,summary{position:relative;padding-left:2rem;list-style:none}footer ul:not(:has(.icon)) li::before,main ul li::before,summary::before{content:"";position:absolute;left:0;width:1.5rem;height:1.5rem;background:url("/static/svg/LOGO.svg") no-repeat center left/contain}li::before{transform:rotate(180deg)}summary:before{transition:transform 150ms}details[open] summary::before{transform:rotate(90deg)}button,nav{padding:1rem;margin:0;border-radius:2ch;border:none;width:fit-content}button{transition:transform 2s infinite ease-in-out}button:hover{animation:buzz 0.3s infinite alternate}@keyframes buzz{0%{transform:translate(1px, 1px) rotate(0deg)}25%{transform:translate(-1px, -2px) rotate(-1deg)}50%{transform:translate(-3px, 0px) rotate(1deg)}75%{transform:translate(3px, 2px) rotate(0deg)}100%{transform:translate(1px, -1px) rotate(-1deg)}}article#landing{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr);padding:0;height:95vh;overflow:hidden}article#landing>picture{z-index:0;overflow:hidden;grid-column:1/-1;grid-row:1/-1}article#landing>picture>video{width:100%;height:100%;object-fit:cover}article#landing>section{padding:2ch;border-radius:2ch;z-index:1;grid-column:1/-1;grid-row:3;height:min-content}article#landing>section h1,article#landing>section h2{color:white}#landing>section,nav{z-index:1;background-color:#c0832466;backdrop-filter:blur(10px)}@media screen and (min-width: 1000px){article#landing{height:75vh;grid-template-columns:repeat(2, 1fr)}article#landing>picture>video{height:100%}article#landing>img{grid-column:2}article#landing>section{grid-column:1}}article#landing .wordroll{color:#c08324;text-transform:uppercase}article#landing .wordroll::after{animation:wordroll-slide-up calc(2s*4) steps(1) infinite;content:""}@keyframes wordroll-slide-up{0%{content:"contratos"}25%{content:"impuestos"}50%{content:"regulaciones"}75%{content:"finanzas"}}article#acerca{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(3, auto)}article#acerca h2{writing-mode:sideways-lr}@media screen and (min-width: 1000px){article#acerca{grid-template-columns:1fr 2fr}article#acerca h2{writing-mode:inherit}}article#acerca *:nth-child(2n){grid-column:2;grid-row:1/-1}article#acerca div{opacity:0;transition:opacity 2s}article#acerca h2.selected+div{opacity:100%}@media screen and (min-width: 1000px){article#servicios,article#faq{display:grid;gap:2ch}article#servicios div:nth-child(1),article#faq div:nth-child(1){contain:layout}article#servicios div:nth-child(1)>section,article#faq div:nth-child(1)>section{grid-area:a;top:0;position:sticky}article#servicios div:nth-child(1)>section,article#faq div:nth-child(1)>section{width:100%;max-width:100%;min-width:0}article#servicios section:nth-child(2),article#faq section:nth-child(2){grid-area:b;margin-top:2ch}article#faq{grid-template-areas:"b a";grid-template-columns:2fr 1fr}article#servicios{grid-template-areas:"a b";grid-template-columns:1fr 2fr}}@media screen and (min-width: 1000px){body{display:grid;grid-template-areas:"main" "footer";gap:0}body>main{grid-area:main;min-height:100vh}body>main article{padding:2ch}body>footer{grid-area:footer;display:grid;grid-template-columns:repeat(3, 1fr);gap:2ch}}body>nav,body>button{position:fixed;z-index:10}body>nav img:nth-child(1),body>button img:nth-child(1){display:block;height:6rem;width:6rem}@media screen and (max-width: 1000px){body>nav img:nth-child(1),body>button img:nth-child(1){height:4rem;width:4rem}}nav{top:2ch}nav img{transition:transform 2s}@media screen and (max-width: 1000px){nav{right:2ch}nav ul,nav ul li{padding-left:0 !important}nav ul{transition:display 2s;display:none}nav:hover ul{display:block}nav:hover img{transform:rotate(90deg)}nav img:nth-child(2){display:none}}@media screen and (min-width: 1000px){nav{position:sticky;right:50%;transform:translate(50%, 0);display:flex;justify-content:space-between;gap:2ch}nav img{height:6rem;width:auto}nav ul{display:flex;justify-content:space-between;gap:2ch}nav ul{margin:auto;height:min-content}nav ul li{height:min-content}}dialog#privacy-dialog{border:none;padding:3rem;border-radius:1rem;background:#1c1c1c;color:white;max-width:600px;width:90%;font-family:inherit;box-shadow:0 0 40px #000a;animation:fadeInDialog .25s ease-out;text-align:center}dialog#privacy-dialog h2{margin-top:0;color:white;font-size:2rem;margin-bottom:1.5rem}dialog#privacy-dialog p{margin:1rem 0;line-height:1.6;font-size:1rem;text-align:center}dialog#privacy-dialog button.pdf-button{background:#c08324;color:white;display:inline-block;padding:0.45rem 0.9rem;font-size:0.9rem;border-radius:0.55rem;cursor:pointer;font-weight:bold;transition:0.15s;margin-bottom:1.2rem}dialog#privacy-dialog button.pdf-button:hover{filter:brightness(1.1)}dialog#privacy-dialog button.close-button{background:#444;color:white;display:inline-block;padding:0.35rem 0.8rem;font-size:0.8rem;border-radius:0.55rem;cursor:pointer;transition:0.15s}dialog#privacy-dialog button.close-button:hover{background:#555}dialog::backdrop{background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}@keyframes fadeInDialog{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}html{scroll-behavior:smooth}p{max-width:80ch;text-align:justify;word-break:break-word;hyphens:auto}body{margin:0}body>button{bottom:2ch;right:2ch}body>footer,body>main>article{padding:2ch}.icon{width:1.5em;height:1.5em}ul:has(.icon),nav ul{list-style-type:none;padding-left:1.5em}summary{padding-left:1.5em}li:not(:last-child):has(a){margin-bottom:0.5em}iframe{width:100%}
