@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap";main{background-color:#12141a}.gridContainer{max-width:1200px;display:grid;grid-template-columns:320px 1fr;margin-left:auto;margin-right:auto}.sectionRight{background-color:var(--bg-black);width:100%;min-height:810px}p,li{font-size:1.8rem;line-height:1.3}span{font-weight:700;color:var(--green)}li{list-style:none;margin-top:5px}.blue{color:#3947c8}.green{color:#21ba29}.brown{color:#a36332}.rose{color:#e76e8c}.black{color:var(--negro)}.red{color:#f13636}.orange{color:#ff8000}.purple{color:#aa07b5}.white{color:var(--white-text)}@media only screen and (max-width: 950px){.gridContainer{display:block;position:relative}.gridContainer .asideMenu{position:absolute;background-color:var(--bg-aside);border-right:1px solid var(--bg-pg);top:0;bottom:0}.gridContainer .arrowContainer{display:flex;position:absolute;right:-12%;top:300px}.sectionRight{margin-left:10px}}header{background-color:var(--black)}header nav{height:60px;display:flex;justify-content:space-between;align-items:center;padding:10px;max-width:1200px;margin-left:auto;margin-right:auto}.header-image-container img{width:60px;height:60px;object-fit:contain}header nav ul{display:flex}header nav ul li{list-style:none;font-size:1.8rem;margin:20px}header nav ul li a{text-decoration:none;color:var(--gris);font-weight:500}.header-container{width:100%;height:250px;background-color:#1d8484;display:flex;justify-content:center;align-items:center;color:var(--white-text)}header nav ul li a:hover{border-bottom:1px solid #1f816f}.homePageContainer{display:flex;align-items:center;justify-content:center;height:580px;color:#fff;text-align:center;padding:0 10px}.homePageContainer button{margin-top:45px;width:150px;height:40px;background-color:var(--green);border-style:none;border-radius:10px;color:var(--white-text);font-size:1.6rem}.homePageContainer button:hover{background-color:var(--green-dark);cursor:pointer}h1{font-size:6rem}h2{font-size:3rem}.asideMenu{padding:20px;width:315px;border-right:3px solid var(--bg-pg);color:var(--white-text)}.MenuHeader{display:flex;align-items:center;margin-bottom:20px}.MenuHeader h2{font-size:2.4rem;margin-left:8px}.asideMenu ul{list-style:none}.asideMenu ul li{font-size:1.8rem;margin-bottom:10px}.asideMenu ul li a{text-decoration:none}.asideMenu img{width:50px;height:50px}.arrowContainer{display:none;align-items:center;justify-content:center;height:70px;width:50px;background-color:var(--bg-aside);border-radius:70px;border:2px solid #242a3d;opacity:.6}.MoveLeftMenu{transform:translate(-305px);transition:transform .6s ease}.MoveRightMenu{transition:transform .6s ease}.footer-dark{padding:50px 0;color:var(--gris);background-color:var(--black)}.footer-dark h3{margin-top:0;margin-bottom:12px;font-weight:700;font-size:16px}.footer-dark ul{padding:0;list-style:none;line-height:1.6;font-size:14px;margin-bottom:0}.footer-dark ul a{color:inherit;text-decoration:none;opacity:.6}.footer-dark ul a:hover{opacity:.8}@media (max-width:767px){.footer-dark .item:not(.social){text-align:center;padding-bottom:20px}}.footer-dark .item.text{margin-bottom:36px}@media (max-width:767px){.footer-dark .item.text{margin-bottom:0}}.footer-dark .item.text p{opacity:.6;margin-bottom:0}.footer-dark .item.social{text-align:center}@media (max-width:991px){.footer-dark .item.social{text-align:center;margin-top:20px}}.footer-dark .item.social>a{font-size:20px;width:36px;height:36px;line-height:36px;display:inline-block;text-align:center;border-radius:50%;box-shadow:0 0 0 1px #fff6;margin:0 8px;color:#fff;opacity:.75}.footer-dark .item.social>a:hover{opacity:.9}.footer-dark .copyright{text-align:center;padding-top:24px;opacity:.8;font-size:1.3rem;margin-bottom:0}.container{padding:20px;color:var(--white-text)}.pg-title{font-size:3rem;margin-bottom:14px}.pg-description{font-size:1.6rem}.playground-container{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;margin-top:24px}.prompt-container{width:70%;min-height:140px;background:var(--bg-pg);border-radius:10px;margin-right:20px;overflow:auto}.prompt-container p{padding:10px;font-size:1.8rem}.respuesta-container{width:95%;height:300px;background:var(--bg-pg);border-radius:10px;overflow:auto}.respuesta-container p{padding:10px;font-size:1.8rem;color:--(--white-text)}.botonGPT{background-color:var(--green);border:none;color:#fff;padding:12px 16px;font-size:16px;border-radius:5px;cursor:pointer;margin-bottom:30px}.botonGPT:hover{background-color:var(--green-dark);border:none;color:#fff;padding:12px 16px;font-size:16px;border-radius:5px}.botonGPT:disabled{pointer-events:none;background-color:#8cb4b2;border:none;color:#fff;padding:12px 16px;font-size:16px;border-radius:5px;margin-bottom:30px}.b-prompt{background-color:#2d3a4f;color:#fff;height:40px;width:90px;border-radius:5px;border:none;margin-right:10px;margin-bottom:10px;cursor:pointer;font-size:1.6rem}:root{--bg-black: #12141a;--black: #0e1015;--bg-pg: #1e212d;--bg-aside: #0d101a;--white-text: #e9e9e9;--green: #229f9f;--green-dark: #1f7d7d;--gris: #f1f1f1;--negro: #232323}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{font-size:62.5%}body{scroll-behavior:smooth;font-family:Inter,sans-serif;background-color:var(--gris)}#root{display:flex;flex-direction:column;min-height:100vh;margin:0}main{flex:1}