.modal-open[data-astro-cid-7ibhuj2z]{overflow-x:hidden}.box-content[data-astro-cid-7ibhuj2z]{width:100%;height:fit-content;text-align:center;margin-block-start:5rem;margin-block-end:2rem;h1{font-size:2rem;font-family:Gantari,sans-serif;font-weight:700;color:#fff;margin-block-end:1px}p{font-size:1.5rem;font-weight:700;font-family:Caveat;margin-block-start:0;margin-block-end:1px;color:light-dark(#fff,#ececec)}.box-cards{display:flex;flex-wrap:wrap;justify-content:center;width:90%;max-width:1200px;margin-inline:auto;margin-block-start:1rem;.card-training,.personal-training{width:100%;max-width:500px;height:280px;border-radius:10px;margin-block:5px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;justify-content:space-between;align-items:center;.head-card{width:100%;background-color:var(--c-green);padding-block:7px;border-start-start-radius:10px;border-start-end-radius:10px;h2{font-size:1.2rem;font-family:Gantari,sans-serif;font-weight:700;color:light-dark(#fff,#ececec)}}.body-card{text-align:start;padding:10px;flex:1;width:100%;box-sizing:border-box;background-color:light-dark(#fff,#1c1c1c);display:flex;flex-direction:column;border-end-end-radius:10px;border-end-start-radius:10px;p{font-size:14px;font-family:Gantari,sans-serif;font-optical-sizing:auto;color:light-dark(#000,#fff);margin-block-start:0;margin-block-end:5px;margin-inline-start:5px;&:before{content:"•";margin-inline-end:3px;color:var(--c-green)}}.details{display:flex;flex-direction:column;flex:1;p{font-size:14px;.green-color{font-weight:700}}}.btn-training{width:100%;padding:10px;border-radius:5px;background-color:var(--c-green-dark);border:none;cursor:pointer;color:var(--c-text-on-accent);font-family:Gantari,sans-serif;font-weight:700;font-optical-sizing:auto}}}@media(min-width:600px){.card-training{width:30%;height:300px}.card-training:nth-child(3){margin-inline:auto}.personal-training{width:100%;max-width:1200px}}@media(min-width:720px){.personal-training{display:flex;flex-direction:row;height:200px;justify-content:space-between;margin-block-end:2rem;.head-card{padding:0;height:100%;width:30%;border-start-end-radius:0;border-end-start-radius:10px;display:flex;justify-content:center;align-items:center;h2{font-size:1.5rem;width:100%;text-align:center}}.body-card{height:200px;border-end-start-radius:0;border-end-end-radius:10px;border-start-end-radius:10px}}}@media(min-width:1024px){.personal-training{.head-card{h2{font-size:2rem}}}}.card-training:nth-child(2){.head-card{background-color:var(--c-accent-cyan)}}.card-training:nth-child(3){.head-card{background-color:var(--c-accent-blue)}}.card-training:nth-child(4){.head-card{background-color:var(--c-accent-pink)}}}.training-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background-color:#000000d1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;&.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal-content{position:relative;margin-block-start:10dvh;width:90%;max-width:650px;height:80dvh;overflow-x:hidden;overflow-y:scroll!important;border:1px solid rgba(118,212,62,.45);border-radius:10px;padding:clamp(1.5rem,4vw,2.5rem);background-color:light-dark(#ffffff,#151515);box-shadow:0 20px 60px #00000059;text-align:start;scrollbar-width:none;box-sizing:border-box;@media(min-width:768px){height:auto;max-height:85dvh}}.contact-modal{margin-block-start:10dvh;height:80dvh;width:100%;max-width:800px;@media(min-width:768px){height:auto;max-height:85dvh}.modal-hero{margin-block:20px;width:100%;margin-inline:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:fit-content;.silueta-image{width:40%;height:fit-content;@media(prefers-color-scheme:dark){filter:invert(50%)}}.modal-info{width:50%;h2{font-size:18px;font-family:Gantari,sans-serif;font-weight:700;color:light-dark(#000,#fff);margin-block:4px}.modal-subtitle{font-size:14px;font-family:Inter,sans-serif;color:var(--c-green-dark);margin-block:2px}.modal-description{font-size:14px;width:100%;text-wrap:balance;color:light-dark(#000,#fff)}.contact{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-block-start:4px;a{width:100%;font-size:12px;padding-inline:2px;padding-block:5px}}}}@media(min-width:720px){.modal-hero{margin-inline:auto;flex-direction:row;align-items:center;justify-content:center;gap:3rem;max-width:800px;.silueta-image{width:250px;height:250px}.modal-info{width:50%;h2{font-size:2.5rem}.modal-subtitle{font-size:1.2rem}.modal-description{font-size:1.1rem}.contact{flex-direction:row;gap:1rem;a{font-size:14px;padding:8px 13px}}}}}.certificado-box{margin-inline:auto;margin-block-start:30px;width:100%;max-width:800px;.certificado-image{border-radius:20px;width:100%;height:fit-content;object-fit:contain}}}.modal-close{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;width:40px;height:40px;border:0;border-radius:999px;background-color:var(--c-green);color:var(--c-text-on-accent);cursor:pointer;font-family:Gantari,sans-serif;font-size:1.5rem;font-weight:900;line-height:1}.modal-header{padding-inline-end:2.5rem;.modal-kicker{display:inline-block;margin-block-end:.5rem;color:light-dark(var(--c-green-dark),var(--c-green));font-family:Gantari,sans-serif;font-size:.9rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}h2{color:light-dark(#111,#fff);font-family:Gantari,sans-serif;font-size:clamp(1.8rem,5vw,3rem);line-height:1;margin-block-end:.85rem}p{color:light-dark(#333,#ececec);font-family:Inter,sans-serif;font-size:1rem;margin:0}.modal-contact{width:100%;display:flex;gap:1rem;a{background-color:var(--c-green-dark);padding:10px;border-radius:5px;color:var(--c-text-on-accent);font-family:Gantari,sans-serif;font-weight:900;text-decoration:none;transition:transform .2s ease,background-color .2s ease;&:hover{background-color:light-dark(var(--c-green),var(--c-green-light));transform:translateY(-2px)}}}}.modal-details,.trainer-info{display:grid;gap:.9rem;margin-block:1.5rem;box-sizing:border-box;p{color:light-dark(#171717,#fff);font-family:Inter,sans-serif;font-size:1rem;margin:0;span{color:light-dark(var(--c-green-dark),var(--c-green));font-weight:700}}}.modal-link{display:flex;justify-content:center;width:80%;max-width:400px;margin-inline:auto;padding:12px;border-radius:8px;background-color:var(--c-green);color:var(--c-text-on-accent);font-family:Gantari,sans-serif;font-weight:900;text-decoration:none;transition:transform .2s ease,background-color .2s ease;&:hover{background-color:light-dark(var(--c-green-dark),var(--c-green-light));transform:translateY(-2px)}}}}
