body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.contact-button-section{bottom:10px;left:10px;position:fixed;z-index:99}.contact-button-section a{all:unset;align-items:center;display:flex;justify-content:center}.contact-button-section button{all:unset;align-items:center;background-color:#c5a317;border-radius:50%;box-shadow:1px 1px 10px 0 #000;color:#fff;cursor:pointer;display:flex;font-size:x-large;height:50px;justify-content:center;margin-bottom:.5em;width:50px}.contact-button-section button:hover{background-color:#fff;box-shadow:1px 1px 15px 0 #000;color:#c5a317;scale:1.05}.contact-button-section .sub-btn{animation:open-buttons 1s normal;border:1px solid #fff}button{background-color:#c5a317;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:12px 24px;position:relative;transition:background-color .3s;&:hover{background-color:#dbb51c}a{color:#fff;text-decoration:none}}@keyframes open-buttons{0%{opacity:0;transform:translateY(400%)}to{opacity:1;transform:translateY(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide-menu{0%{opacity:0;translate:100vw}to{opacity:1;translate:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide{0%{transform:translateX(0)}33%{transform:translateX(-100vw)}66%{transform:translateX(-200vw)}to{transform:translateX(0)}}@keyframes opacity{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0;transition:all .3s}body,html{background-color:#f8f9fa;color:#414644;font-family:Segoe UI,sans-serif;font-weight:300;height:100%;overflow-x:hidden;scroll-behavior:smooth;scrollbar-color:#c5a317 #f8f9fa}nav{background-color:#41464400;display:flex;position:fixed;top:0;width:100%;z-index:999;img{filter:drop-shadow(2px 2px 2px black);max-width:200px;pointer-events:none}div{align-items:center;display:flex;justify-content:end;width:100%}div div{animation:slide-menu 2s normal}div p,div svg{color:#fff;cursor:pointer;filter:drop-shadow(2px 2px 2px black);margin:.5em}div p:hover,div svg:hover{color:#c5a317}div p{font-size:1.2em;font-weight:100}div svg{font-size:3em}}dialog{align-self:center;animation:opacity 1s normal;background-color:initial;border:none;filter:drop-shadow(2px 2px 5px black);justify-self:center;overflow:hidden}.nav-menu{div{align-items:center;background-color:#414644;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:3rem;width:20rem;svg{color:#fff;cursor:pointer;font-size:2em;transform:translateX(8rem) translateY(-2rem);&:hover{color:#c5a317}}a{color:#fff;font-size:2rem;font-weight:100;margin:.2em;position:relative;text-decoration:none;&:hover{color:#c5a317}&:after{background-color:#c5a317;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}&:hover:after{width:100%}}}}.hero{height:100vh;overflow:hidden;position:relative}.hero-carousel{animation:slide 50s linear infinite;display:flex;height:100%;left:0;position:absolute;top:0;width:300%;img{height:100%;object-fit:cover;width:100vw}}.overlay{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{border-radius:12px;color:#fff;margin:0 auto;max-width:600px;padding:20px;position:relative;text-align:center;top:50%;transform:translateY(-50%);z-index:2;h1{font-size:3rem;font-weight:200;margin-bottom:.5em}p{font-size:1.2em;font-weight:500;margin-bottom:1em}button{background-color:#c5a317;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:12px 24px;position:relative;transition:background-color .3s;&:hover{background-color:#dbb51c}a{color:#fff;text-decoration:none}}}.section{background-color:#f8f9fa;display:flex;justify-content:center;margin:auto;max-width:none;padding:8rem 1rem;text-align:center;h2{animation:fadeInUp .8s ease;font-size:2.5rem;font-weight:600;letter-spacing:.2em;margin:1rem auto;position:relative;text-align:center}h2:after{background-color:#c5a317;border-radius:2px;content:"";display:block;height:3px;margin:.5rem auto 0;width:80px}.section-desc{font-size:1.5rem;margin-bottom:2rem}}.svg-divider{display:block;line-height:0;width:100%}:root{--carousel-width:600px;--carousel-max-width:600px;--border-color-1:#414644;--border-color-2:#c5a317;--animation-duration:30s;--hover-scale:1.05}.simple-carousel{animation:simple-carousel 30s ease-in-out infinite;animation:simple-carousel var(--animation-duration) infinite ease-in-out;aspect-ratio:11/13;background-position:50%;background-size:cover;border-bottom:3px solid #414644;border-bottom:3px solid var(--border-color-1);border-left:3px solid #c5a317;border-left:3px solid var(--border-color-2);border-radius:8px;border-right:3px solid #c5a317;border-right:3px solid var(--border-color-2);border-top:3px solid #414644;border-top:3px solid var(--border-color-1);box-shadow:2px 0 10px 2px #414644;box-shadow:2px 0 10px 2px var(--border-color-1);margin:1.8em;max-width:600px;max-width:var(--carousel-max-width);overflow:hidden;position:relative;transition:transform .3s ease;width:600px;width:var(--carousel-width)}.simple-carousel:hover{animation-play-state:paused;transform:scale(1.05);transform:scale(var(--hover-scale))}@keyframes simple-carousel{0%{background-image:url(/static/media/0.f2051148e86e7c33c3f4.jpg)}33%{background-image:url(/static/media/1.c3a4f9ef98de5826a33b.jpg)}66%{background-image:url(/static/media/2.00c603975f61035cb61b.jpg)}to{background-image:url(/static/media/0.f2051148e86e7c33c3f4.jpg)}}#us{background-color:#f8f9fa;background-image:url(/static/media/webb.c8a344483e6fe5fae2fa.png);display:flex;padding:5rem 0;h2{margin-bottom:.1em}.image{aspect-ratio:1/1;border-color:#414644 #c5a317;border-style:solid;border-width:3px;box-shadow:2px 0 10px 2px #414644;margin:1.8em;max-width:500px;&:hover{scale:1.1}}p{&:nth-child(2){color:#c5a317;font-size:.8em;margin:0}}.text{font-size:1.1rem;line-height:2rem;margin-top:1rem;max-width:380px;text-align:start;text-align:justify;&:hover{color:#000}}.us-list{margin-top:3rem;li{font-size:1em;font-weight:400;list-style-type:square;margin:1em;max-width:350px;text-align:justify;&:hover{color:#000;scale:1.05}}}}#services{align-items:center;background-image:url(/static/media/repeated-square-dark.62c88ea9c16ae9b96df3.webp);color:#fff;flex-direction:column;opacity:1;h2{margin:1rem auto}.card-div{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;padding:2rem 0;width:90%}.card{align-items:center;background-color:#2e3130;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#f0f0f0;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;&:hover{box-shadow:0 0 20px 3px #d5cfaf;transform:scale(1.05)}svg{color:#f9cb40;font-size:clamp(2rem,4vw,3.2rem);transition:color .3s}p{font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;letter-spacing:1.2px;line-height:1.4;margin:0}}}#commitment{background-color:#f8f9fa;background-image:url(/static/media/webb.c8a344483e6fe5fae2fa.png);flex-direction:column;h2{margin:1rem auto}div{display:flex;flex-direction:row;max-width:none;width:100%}.comm1,.comm2,.comm3{aspect-ratio:1/1;background-position:50%;background-size:cover;overflow:hidden;position:relative;width:100%;&:after{align-items:center;background-color:#0000;color:#fff;content:"";display:flex;font-size:1.2em;font-weight:400;-webkit-hyphens:auto;hyphens:auto;inset:0;justify-content:center;letter-spacing:.2rem;line-height:1.8rem;opacity:1;padding:3rem;pointer-events:none;position:absolute;text-align:justify;transition:background-color .5s ease,opacity .4s ease;word-spacing:.2rem}&:hover:after{background-color:#0009;opacity:1;pointer-events:auto}}.comm1{background-image:url(/static/media/0.f2051148e86e7c33c3f4.jpg);&:hover{&:after{content:"Nuestro principal compromiso es con tu tranquilidad, por eso nos comprometemos en un 100% con tu proyecto para garantizarte la entrega final, nos encargamos de la gestoría, proyecto, construcción, siempre con total comunicación y transparencia. "}}}.comm2{background-image:url(/static/media/1.c3a4f9ef98de5826a33b.jpg);&:hover{&:after{content:"Complimiento en tiempos de entrega, asesoría en cada paso de proceso y construcción."}}}.comm3{background-image:url(/static/media/2.00c603975f61035cb61b.jpg);&:hover{&:after{content:"Garantías por escrito. "}}}}#process{align-items:center;background-image:url(/static/media/repeated-square-dark.62c88ea9c16ae9b96df3.webp);color:#fff;flex-direction:column;h2{margin:1rem auto}p{font-size:1.5rem;margin-bottom:2rem}.freepik-p{color:#fff;font-size:.8em;margin-top:-1em;text-decoration:none}div{&:first-child{flex-direction:row}&:nth-child(2){flex-direction:row-reverse}&:nth-child(3){flex-direction:row}&:nth-child(4){flex-direction:row-reverse}&:nth-child(5){flex-direction:row}}.process-step{display:flex;flex-direction:row;max-width:1200px;width:90vw;div{max-height:350px;width:50%;&:hover{background-color:#000c}}div:first-child{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;h3{animation:fadeInUp .8s ease;font-size:2em;font-weight:500;letter-spacing:.2em}p{font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;line-height:2rem;max-width:450px}}img{aspect-ratio:16/9;max-height:350px;width:100%;&:hover{filter:brightness(60%)}}}}#contact{background-color:#f8f9fa;background-image:url(/static/media/webb.c8a344483e6fe5fae2fa.png);flex-direction:column;padding:4rem 1rem;text-align:center;.contact-section__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-section__info-map{align-items:flex-start;background:#fff;border-radius:1rem;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;padding:2rem;transition:transform .3s;&:hover{transform:translateY(-5px)}}.contact-info p{color:#2c3e50;font-weight:600;margin-bottom:1rem}.contact-info__list{list-style:none;padding:0;li{align-items:center;color:#7f8c8d;display:flex;font-size:.95rem;margin-bottom:.75rem}.icon{color:#3498db;display:inline-block;margin-right:.5rem;text-align:center;width:1.5rem}.contact-info__list a{color:#7f8c8d;text-decoration:none;transition:color .3s;&:hover{color:#3498db}}}.contact-section__iframe{border:0;border-radius:.5rem;height:280px;width:100%}.contact-section__form{background:#fff;border-radius:1rem;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;padding:2rem;transition:transform .3s}.contact-section__form:hover{transform:translateY(-5px)}.contact-form__header{margin-bottom:1.5rem;text-align:left}.contact-form__header p{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.contact-form__header small{color:#7f8c8d;display:block;font-size:.85rem;margin-bottom:1rem}.payment-logos{display:flex;gap:.75rem}.payment-logos img{height:auto;width:40px}.contact-form{display:flex;flex-direction:column}.contact-form input,.contact-form textarea{border:1px solid #c1c7cc;border-radius:.5rem;font-size:.95rem;margin-bottom:1rem;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a0a7ad}.contact-form input:focus,.contact-form textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.contact-form button{align-self:flex-end;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:background .3s,transform .2s}.contact-form button:hover{transform:translateY(-2px)}.contact-form button:active{transform:translateY(0)}}#gallery{align-items:center;background-image:url(/static/media/repeated-square-dark.62c88ea9c16ae9b96df3.webp);color:#fff;display:flex;flex-direction:column;padding:4rem 2rem;.gallery{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1200px;width:100%;img{border-radius:12px;box-shadow:0 6px 20px #00000040;height:240px;max-width:350px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:100%}img:hover{box-shadow:0 10px 30px #0006;transform:scale(1.03)}}details{background-color:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;max-width:1200px;padding:1rem;transition:all .3s ease;width:100%}summary{color:#c5a317;cursor:pointer;font-size:1.2rem;font-weight:500;margin-bottom:1em;outline:none;padding:.5rem;transition:color .3s}summary:hover{color:#e5c948}details[open]{background-color:#ffffff0d;box-shadow:0 0 10px #0006}}#shop{align-items:center;background-image:url(/static/media/webb.c8a344483e6fe5fae2fa.png);flex-direction:column;.shop{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-items:center;max-width:1200px;width:100%;.add{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;max-width:320px;padding:2rem;img{aspect-ratio:1/1;border:1px solid #414644;object-fit:cover}img,p{margin-bottom:1em;width:90%}p{-webkit-hyphens:auto;hyphens:auto}}}}.footer{background-color:#414644;color:#fff;font-size:.95rem;padding:2.5rem 1rem 1rem;.footer-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-logo h3{color:#c5a317;font-size:1.5rem;margin-bottom:.5rem}.footer-links ul{list-style:none;padding:0}.footer-links h4,.footer-social h4{color:#f0f0f0;margin-bottom:1rem}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#ddd;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#c5a317}.footer-social .social-icons a{color:#ddd;font-size:1.2rem;margin-right:1rem;transition:color .3s}.footer-social .social-icons a:hover{color:#c5a317}.footer-bottom{border-top:1px solid #5c6461;font-size:.85rem;margin-top:2rem;padding-top:1rem;text-align:center;a{color:#fff;text-decoration:none;&:hover{text-decoration:underline}}}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-social .social-icons a{margin:0 .5rem}}}@media (max-width:1200px) and (min-height:620px){.simple-carousel{aspect-ratio:16/9;width:90%}#us{flex-direction:column;text-align:center;div{align-items:center;display:flex;flex-direction:column;justify-content:center}.image{width:80vw}.text{max-width:520px;width:90vw}.us-list{margin-top:3rem;li{font-size:1em;-webkit-hyphens:auto;hyphens:auto;list-style-type:square;margin:1em;max-width:350px;width:90vw}}}#commitment{div{align-items:center;flex-direction:column}.comm1,.comm2,.comm3{border-radius:.1em;margin:.8rem 0;width:92%;&:after{font-size:.8em;padding:1em;word-break:keep-all}}}#process{div{&:first-child,&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5){flex-direction:column-reverse;margin-bottom:1em}}.process-step{div{width:100%}}}#contact{.contact-section__container{grid-template-columns:1fr}}#gallery{.gallery{max-width:100%}}}@media (max-height:482px) and (orientation:landscape){.nav-menu{div{align-items:center;background-color:#414644;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;height:80vh;overflow-y:scroll;padding:3rem;width:20rem;svg{color:#fff;cursor:pointer;font-size:2em;height:50px;transform:translateX(8rem) translateY(-2rem);width:50px;&:hover{color:#c5a317}}a{color:#fff;font-size:2rem;font-weight:100;margin:.2em;position:relative;text-decoration:none;&:hover{color:#c5a317}&:after{background-color:#c5a317;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}&:hover:after{width:100%}}}}}.carousel{aspect-ratio:1/1;border-color:#414644 #c5a317;border-style:solid;border-width:3px;box-shadow:2px 0 10px 2px #414644;margin:1.8em;max-width:500px;overflow:hidden;position:relative}.carousel-window{overflow:hidden;width:100%}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-image{aspect-ratio:1/1;flex-shrink:0;object-fit:cover;width:35%}.nav-button{background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;padding:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.nav-button.prev{left:10px}.nav-button.next{right:10px}.carousel-dots{margin-top:10px;text-align:center}.carousel-dots span{background:#ccc;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 5px;width:10px}.carousel-dots span.active{background:#333}:root{--primary-color:#c5a317;--primary-color-dark:#b59516;--secondary-color:#414644;--background-main:#fff;--container-dark:#fff;--text-light:#444;--border-color:#0000;--danger-color:#e74c3c;--danger-color-dark:#c0392b}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-main);color:#444;color:var(--text-light);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.login-container{background-color:#fff;border-radius:1em;box-shadow:0 0 10px 0;left:35%;padding:2rem;position:absolute;top:30%;width:350px;input{border:1px solid #555;height:2em;margin:2em;width:80%}@media (max-width:768px){left:5%;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem;position:absolute;top:30%;width:90%}}.crud-view{*{box-sizing:border-box;transition:all .3s}.container{background-color:#fff;background-color:var(--container-dark);border:1px solid #0000;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0006;margin:0 auto;max-width:1100px;padding:25px}h1{color:#c5a317;color:var(--primary-color);font-size:2em;margin-bottom:20px}h2{border-bottom:2px solid #c5a317;border-bottom:2px solid var(--primary-color);color:#444;color:var(--text-light);margin-top:0;padding-bottom:10px}.tabs{border-bottom:1px solid #0000;border-bottom:1px solid var(--border-color);display:flex;margin-bottom:20px;.tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#444;color:var(--text-light);cursor:pointer;font-size:16px;font-weight:600;margin-right:8px;padding:12px 22px;&:hover{color:#414644;color:var(--secondary-color)}&.active{border-bottom:3px solid #c5a317;border-bottom:3px solid var(--primary-color);color:#c5a317;color:var(--primary-color)}}}.collection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:1rem}#createBtn{background-color:#c5a317;background-color:var(--primary-color);&:hover{background-color:#b59516;background-color:var(--primary-color-dark)}}.edit-btn{background-color:#c5a317;background-color:var(--primary-color);&:hover{background-color:#b59516;background-color:var(--primary-color-dark)}}.delete-btn{background-color:#e74c3c;background-color:var(--danger-color);&:hover{background-color:#c0392b;background-color:var(--danger-color-dark)}}.crud-table{border-collapse:collapse;margin-top:20px;width:100%;td,th{border-bottom:1px solid #0000;border-bottom:1px solid var(--border-color);padding:15px;text-align:left}td{max-width:150px;overflow-x:hidden;white-space:nowrap}th{background-color:#ebe7e7;color:#414644;color:var(--secondary-color);font-weight:600;text-transform:capitalize}tr{background-color:#fff;background-color:var(--container-dark);color:#444;color:var(--text-light);transition:background-color .3s;button{margin:1px}&:hover{background-color:#ebe7e7}}}.actions-cell{display:flex}.modal{animation:fadeIn .3s;background-color:#000000b3;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000;.modal-content{animation:slideIn .3s;background-color:#fff;background-color:var(--container-dark);border:1px solid #0000;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 15px #0000004d;margin:10% auto;max-width:500px;padding:30px;width:90%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.close-btn{color:red;float:right;font-size:28px;font-weight:700;&:focus,&:hover{color:#aaa;cursor:pointer;text-decoration:none}}#modalForm{label{display:block;font-weight:600;margin-top:15px}input,label,select{color:#444;color:var(--text-light)}input,select{background-color:#fff;border:1px solid #555;border-radius:6px;display:inline-block;margin-top:5px;padding:12px;width:100%;&:focus{border-color:#c5a317;border-color:var(--primary-color);outline:none}}input::-webkit-file-upload-button{background-color:#c5a317;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8em;padding:8px;position:relative;-webkit-transition:background-color .3s;transition:background-color .3s}input::file-selector-button{background-color:#c5a317;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8em;padding:8px;position:relative;transition:background-color .3s}details{margin-top:1rem;summary{cursor:pointer;font-weight:700;&:hover{color:#c5a317;color:var(--primary-color)}}}img{width:20%;&:hover{scale:5}}}#saveBtn{background-color:#c5a317;background-color:var(--primary-color);font-size:16px;margin-top:25px;padding:1rem;width:100%;&:hover{background-color:#b59516;background-color:var(--primary-color-dark)}}}@media (max-width:900px){.crud-view .container{max-width:98vw;padding:10px}.crud-table td,.crud-table th{font-size:14px;padding:8px}}@media (max-width:700px){.crud-view .container{padding:5px}.crud-table td,.crud-table th{font-size:12px}.collection-header{align-items:flex-start;flex-direction:column;gap:10px}.tabs{flex-direction:column;gap:5px}}@media (max-width:500px){.crud-view .container{min-width:100vw;padding:2px}.crud-table,.crud-table tbody,.crud-table td,.crud-table th,.crud-table thead,.crud-table tr{display:block;width:100%}.crud-table th{background:none;border:none;color:#c5a317;color:var(--primary-color);padding:6px 0}.crud-table td{border:none;padding:6px 0;position:relative;text-align:left}.crud-table tr{background:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 3px #00000008;margin-bottom:15px}.crud-table td:before{color:#c5a317;color:var(--primary-color);content:attr(data-label);display:block;font-weight:700;margin-bottom:2px}.modal .modal-content{padding:10px;width:98vw}#modalForm input,#modalForm select{font-size:14px;padding:8px}#saveBtn,.btn{font-size:14px;padding:.7rem}}
/*# sourceMappingURL=main.e0e8af6c.css.map*/