@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");:root{--cafe:#271b18;--cafe-mid:#3d2a24;--acento:#d98a5e;--acento-dk:#c4784e;--crema:#f5ede6;--crema-lt:#fdf8f5;--blanco:#fff;--gris:#8a7a76;--borde:#e8ddd8;--warn:#b54747;--verde:#2d6a4f;--verde-lt:#d8f3dc}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes drawCheck{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}@keyframes drawCircle{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}60%{box-shadow:0 0 0 14px rgba(37,211,102,0)}to{box-shadow:0 0 0 0 rgba(37,211,102,0)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}@media (max-width:480px){html{font-size:15px}}body{font-family:Poppins,sans-serif;background:var(--crema-lt);color:var(--cafe);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}.unete-navbar{background:var(--cafe);width:100%;position:fixed;top:0;left:0;z-index:1000;transition:transform .3s ease}.unete-navbar.hidden{transform:translateY(-100%)}.nav-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;position:relative;padding:14px 20px}.nav-logo img{height:40px;display:block}.hamburger-btn{display:none;background:none;border:none;color:var(--blanco);font-size:24px;cursor:pointer;padding:0}@media (min-width:769px){.nav-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:28px;align-items:center}.nav-dropdown-btn,.nav-links>a{color:hsla(0,0%,100%,.85);text-decoration:none;font-size:.88rem;font-weight:600;transition:color .2s;cursor:pointer;background:none;border:none;font-family:Poppins,sans-serif}.nav-dropdown-btn:hover,.nav-links a:hover{color:var(--acento)}.close-menu-btn,.menu-overlay{display:none}.nav-dropdown{position:relative}.nav-submenu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--cafe);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.3);flex-direction:column;min-width:180px;margin-top:0;padding:18px 0 10px}.nav-dropdown:after{content:"";position:absolute;top:100%;left:0;width:100%;height:18px;background:transparent}.nav-dropdown:hover .nav-submenu,.nav-submenu:hover{display:flex}.nav-submenu a{color:hsla(0,0%,100%,.8)!important;padding:9px 20px;font-size:.85rem;font-weight:600;text-align:center;transition:color .2s;text-decoration:none}.nav-submenu a:hover{color:var(--acento)!important}}@media (max-width:768px){.nav-container{justify-content:space-between}.hamburger-btn{display:block}.nav-logo{margin:0 auto;padding-right:26px}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.55);z-index:1001;display:none;opacity:0;transition:opacity .3s}.menu-overlay.open{display:block;opacity:1}.nav-links{position:fixed;top:0;left:-100%;width:75%;max-width:300px;height:100vh;background:var(--blanco);flex-direction:column;padding:24px;box-shadow:4px 0 20px rgba(0,0,0,.2);transition:left .3s;z-index:1002;display:flex;gap:12px;overflow-y:auto}.nav-links.open{left:0}.close-menu-btn{background:none;border:none;font-size:26px;cursor:pointer;color:var(--cafe);padding:0;margin-bottom:16px;text-align:left}.nav-dropdown-btn,.nav-links>a{color:var(--cafe);font-size:1.05rem;font-weight:700;text-decoration:none;display:flex;justify-content:space-between;padding:10px 0;background:none;border:none;border-bottom:1px solid var(--borde);font-family:Poppins,sans-serif;width:100%}.nav-submenu{display:none;flex-direction:column;padding-left:14px;margin-top:4px}.nav-submenu.open{display:flex}.nav-submenu a{color:var(--cafe-mid);font-size:.95rem;font-weight:600;text-decoration:none;padding:7px 0}}.hero{background:var(--cafe);padding:140px 24px 56px;text-align:center}.hero-eyebrow{display:block;font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--acento);margin-bottom:14px}.hero h1{font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:800;color:var(--blanco);line-height:1.1;margin-bottom:14px}.hero h1 em{font-style:normal;color:var(--acento)}.hero p{font-size:.92rem;color:hsla(0,0%,100%,.6);line-height:1.75;max-width:480px;margin:0 auto}.hero-eyebrow{animation:fadeUp .6s ease-out both}.hero h1{animation:fadeUp .7s ease-out .1s both}.hero p{animation:fadeUp .7s ease-out .2s both}.main-content{flex:1 1}.wrap{max-width:620px;margin:0 auto;padding:clamp(32px,5vw,48px) 20px 60px}.card{background:var(--blanco);border:1.5px solid var(--borde);border-radius:20px;padding:clamp(24px,4vw,36px);box-shadow:0 4px 24px rgba(39,27,24,.07);animation:fadeUp .8s ease-out .15s both}.card-header{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:20px;border-bottom:1.5px solid var(--borde)}.card-header img{height:44px;width:auto;flex-shrink:0;border-radius:6px;object-fit:contain}.card-title{font-size:clamp(.95rem,4vw,1.1rem);font-weight:800;color:var(--cafe);line-height:1.2}.card-sub{font-size:.75rem;color:var(--gris);font-weight:500;margin-top:2px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{flex:1 1;padding:9px;text-align:center;border-radius:10px;border:1.5px solid var(--borde);background:var(--crema-lt);cursor:pointer;font-size:.82rem;font-weight:600;color:var(--gris);text-decoration:none;transition:all .2s;font-family:Poppins,sans-serif}.tab.active,.tab:hover{border-color:var(--acento);color:var(--cafe);background:var(--crema)}.aviso{background:var(--crema);border-left:4px solid var(--acento);padding:11px 14px;border-radius:10px;font-size:.78rem;color:var(--cafe-mid);margin-bottom:20px;line-height:1.6;font-weight:500}.field-label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-bottom:6px}input[type=password],input[type=text],select,textarea{width:100%;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:500;color:var(--cafe);border:1.5px solid var(--borde);border-radius:12px;background:var(--crema-lt);outline:none;transition:border-color .2s;margin-bottom:16px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a7a76' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}input[type=password],input[type=text],select{height:48px;padding:0 14px}textarea{padding:12px 14px;resize:vertical;min-height:110px}input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--acento);background:var(--blanco)}.btn{width:100%;height:50px;border:none;border-radius:12px;background:var(--acento);color:var(--blanco);font-family:Poppins,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .1s}.btn:hover:not(:disabled){background:var(--acento-dk)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{height:38px;padding:0 16px;border:none;border-radius:10px;background:var(--acento);color:var(--blanco);font-family:Poppins,sans-serif;font-weight:600;font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.btn-sm:hover{background:var(--acento-dk)}.btn-sm.outline{background:transparent;border:1.5px solid var(--acento);color:var(--acento)}.btn-sm.outline:hover{background:var(--crema)}.check-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px 0 20px}.check-svg{animation:scaleIn .5s cubic-bezier(.22,1,.36,1) both}.check-circle{stroke-dasharray:200;stroke-dashoffset:200;animation:drawCircle .6s ease-out .1s forwards}.check-tick{stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck .4s ease-out .5s forwards}.folio-box{background:var(--verde-lt);border:1.5px solid var(--verde);border-radius:14px;padding:20px 24px;text-align:center}.folio-box h2{color:var(--verde);font-size:1rem;margin-bottom:6px}.folio-codigo{font-size:1.8rem;font-weight:800;letter-spacing:6px;color:var(--cafe);margin:10px 0 14px}.folio-acciones{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.folio-box p{font-size:.78rem;color:var(--cafe-mid);line-height:1.6}.resultado{background:var(--crema);border:1.5px solid var(--borde);border-radius:14px;padding:20px;margin-top:20px;font-size:.88rem;line-height:1.5}.resultado-row{padding:8px 0;border-bottom:1px solid var(--borde);display:flex;flex-direction:column;gap:2px}.resultado-row:last-child{border-bottom:none}.resultado-row strong{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gris);font-weight:700}.estado-badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.estado-recibida{background:#dbeafe;color:#1d4ed8}.estado-en_revision{background:#fef9c3;color:#b45309}.estado-resuelta{background:var(--verde-lt);color:var(--verde)}.error{color:var(--warn);font-size:.78rem;font-weight:600;margin-top:-10px;margin-bottom:14px}.modal-overlay{position:fixed;inset:0;background:rgba(39,27,24,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeUp .2s ease-out both}.modal{background:var(--blanco);border-radius:18px;padding:28px 24px 24px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.15)}.modal h3{font-size:1rem;font-weight:800;color:var(--cafe);margin-bottom:8px}.modal p{font-size:.82rem;color:var(--gris);line-height:1.6;margin-bottom:20px}.modal-btns{display:flex;gap:10px}.modal-btns .btn-cancel{flex:1 1;height:44px;border:1.5px solid var(--borde);border-radius:10px;background:transparent;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;color:var(--gris);cursor:pointer;transition:background .2s}.modal-btns .btn-cancel:hover{background:var(--crema)}.modal-btns .btn-confirm{flex:1 1;height:44px;border:none;border-radius:10px;background:var(--acento);font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;color:var(--blanco);cursor:pointer;transition:background .2s}.modal-btns .btn-confirm:hover{background:var(--acento-dk)}.unete-footer{background:#1b110e;width:100%;color:hsla(0,0%,100%,.75);padding:48px 24px 28px;font-size:.8rem;margin-top:auto;font-family:Poppins,sans-serif}.footer-container{max-width:960px;margin:0 auto}.footer-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:32px;padding-bottom:28px}.footer-col h3,.footer-cols{border-bottom:1px solid hsla(0,0%,100%,.08)}.footer-col h3{font-size:.82rem;font-weight:700;color:hsla(0,0%,100%,.9);margin-bottom:16px;padding-bottom:10px;text-align:left}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.footer-col ul li{display:flex;align-items:center;gap:8px}.footer-col ul li i{width:14px;text-align:center;color:hsla(0,0%,100%,.6);flex-shrink:0}.footer-col ul li a{color:hsla(0,0%,100%,.6);text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:hsla(0,0%,100%,.95)}.footer-buro{text-align:center;padding:20px 0 28px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:24px}.footer-buro img{height:36px;margin-bottom:12px}.footer-buro-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer-buro-links a{color:hsla(0,0%,100%,.6);text-decoration:none;font-size:.77rem;font-weight:500;transition:color .2s}.footer-buro-links a:hover{color:hsla(0,0%,100%,.95)}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.footer-bottom-left{flex:2 1;min-width:260px}.footer-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-logo-row img{height:28px}.footer-logo-row span{font-size:.75rem;color:hsla(0,0%,100%,.35)}.footer-legal{color:hsla(0,0%,100%,.38);line-height:1.65;font-size:.73rem;margin-bottom:12px}.footer-address-row{display:flex;align-items:flex-start;gap:7px;font-size:.75rem}.footer-bottom-right{flex:1 1;min-width:200px;flex-direction:column;align-items:flex-end}.footer-bottom-right,.social-icons{display:flex;gap:14px}.social-icons a{color:hsla(0,0%,100%,.55);font-size:1.05rem;text-decoration:none;transition:color .2s}.social-icons a:hover{color:var(--acento)}.costos-link{color:hsla(0,0%,100%,.45);text-decoration:none;font-size:.73rem;text-align:right;line-height:1.5;transition:color .2s}.costos-link:hover{color:hsla(0,0%,100%,.8)}.wa-fab-wrap{position:fixed;bottom:28px;right:24px;display:flex;align-items:center;gap:10px;z-index:9999}.wa-fab-tooltip{background:var(--cafe);color:var(--blanco);font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;padding:8px 14px;border-radius:8px;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.2);opacity:0;transform:translateX(8px);transition:opacity .3s,transform .3s;pointer-events:none}.wa-fab-wrap:hover .wa-fab-tooltip{opacity:1;transform:translateX(0)}.wa-fab-btn{width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.45);text-decoration:none;animation:waPulse 2.5s ease-in-out infinite;transition:transform .2s}.wa-fab-btn:hover{transform:scale(1.1);animation:none}.wa-fab-btn svg{width:28px;height:28px}@media (max-width:640px){.footer-cols{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column}.footer-bottom-right{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}::-webkit-scrollbar{display:none}