@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap');:root {--primary-900: #0a3a2a;--primary-800: #0e5240;--primary-700: #0f6a50;--primary-600: #11815f;--primary-500: #16a57a;--primary-300: #8ac9b1;--primary-100: #dff2ea;--primary-50: #f3fbf8;--bg: #ffffff;--bg-soft: #f6faf7;--bg-alt: #f8faf9;--border: #e3eee8;--text-900: #152b21;--text-700: #2b4639;--text-600: #5a6f63;--card: #ffffff;--radius: 18px;--shadow: 0 6px 28px rgba(0, 0, 0, .06);--container: 1100px;--header-bg: #008859;--header-v2-text: #EEEEEE;--header-v2-btn-bg: #00C85344;--header-v2-btn-bg-menu: #406e42;--header-v2-btn-hover: rgba(210, 230, 220, 0.15);--header-v2-btn-hover-menu: rgba(210, 230, 220, 0.1);--header-v2-accent: #2f7a50;--hr-color: #dadbdd88;--box-shadow-header: 0 4px 34px hsla(156, 10%, 59%, .8);--header-back-img: linear-gradient(to right, rgba(48, 103, 67, .9), rgba(44, 96, 62, .9), rgba(41, 88, 57, .9), rgba(37, 81, 53, .9), rgba(34, 74, 48, 1));--logo-fill: #ffffffEE;}* {box-sizing: border-box }html, body {margin: 0;padding: 0;font-family: 'Nunito', sans-serif;color: var(--text-900);background: var(--bg);line-height: 1.5 }a {color: var(--primary-700);text-decoration: none }a:hover {opacity: .9 }.container {max-width: var(--container);margin: 0 auto;padding: 0 20px }strong {font-family: 'Nunito', sans-serif;font-weight: 600;}button, input, optgroup, select, textarea {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}.btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;border-radius: 14px;font-weight: 800;font-size: 17px;line-height: 1.4;transition: all .2s ease;cursor: pointer;text-decoration: none;}.btn--accent {background: linear-gradient(135deg, var(--primary-600), var(--primary-700));color: #fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}.btn--accent:hover {filter: brightness(1.05);transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);}.btn--outline-green {border: 2px solid var(--primary-700);color: var(--primary-700);background: #fff;}.btn--outline-green:hover {background: var(--primary-50);color: var(--primary-700);transform: translateY(-1px);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);}.header-v2-main {background-color: var(--header-bg);background-image: var(--header-back-img);box-shadow: var(--box-shadow-header);width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 16px 0;border-bottom: 1px solid var(--hr-color);top: 0;z-index: 50;color: #fff;}@media (min-width: 600px) {.header-v2-main {justify-content: center }}@media (max-width: 599px) {.header-v2-main {padding: 16px 0 16px 14px }}.header-v2-logo {font-weight: 700;font-size: 1.2rem;color: var(--header-v2-accent) }.header-v2-logo .logo {height: 20px;width: auto;display: block }.logo {height: 15pt;vertical-align: middle }.logo path {fill: var(--logo-fill) }.hero {background: linear-gradient(145deg, var(--bg-soft), #fff);border-bottom: 1px solid var(--border);padding: 0 20px !important }.hero .wrap {display: grid;grid-template-columns: 1.1fr .9fr;gap: 28px;align-items: center;padding: 64px 0 }.hero h1 {font-size: 44px;line-height: 1.2;font-weight: 800;margin: 0 0 16px;position: relative;min-height: 2.5em;overflow: hidden }.hero h1 .accent {color: var(--primary-700) }.hero p {color: var(--text-600);font-size: 18px;margin: 0 0 18px }.kpis {background: #fff;border: 1px solid var(--border);border-radius: 18px;padding: 14px 16px;display: grid;gap: 8px;box-shadow: var(--shadow);width: min(100%, 420px);}.kpis div {display: grid;grid-template-columns: auto auto;gap: 12px;align-items: baseline;padding: 2px 0;font-weight: 800;color: var(--text-700);}.kpis div+div {padding-top: 10px;border-top: 1px dashed rgba(15, 23, 42, 0.12);}.kpis div span {display: flex;flex-direction: column;align-items: flex-end;gap: 2px;justify-self: end;text-align: right;font-size: 16px;font-weight: 800;color: var(--text-900);}.kpis div span strong {font-style: normal;font-size: 14px;font-weight: 600;line-height: 1.3;color: var(--text-600);text-align: right;}.kpis small {font-weight: 700;color: var(--text-600);font-size: 12px;letter-spacing: 0.08em;text-transform: uppercase;}.kpis-note {margin: 0 !important;padding: 6px 0 0;border-top: 1px solid rgba(133, 184, 104, 0.28);display: flex;align-items: center;justify-content: space-between;gap: 10px;font-weight: 800;color: rgba(15, 23, 42, 0.58);opacity: 0.8;}.kpis-note small {font-weight: 700;color: inherit;font-size: 12px;letter-spacing: 0.08em;text-transform: uppercase;}.kpis-note span {text-align: right;font-size: 16px;font-weight: 800;color: inherit;}@media (max-width: 560px) {.kpis {width: 100%;}.kpis div span {font-size: 15px;}.kpis div span strong {font-size: 13px;}}.hero-cta {display: flex;gap: 12px;margin-top: 16px;flex-wrap: wrap }.hero-media img {max-width: 100%;height: auto;display: block;border-radius: 14px;border: 1px solid var(--border);padding-top: 24px;padding-left: 20px;}.hero h1 span.text {position: absolute;left: 0;top: 0;opacity: 0;transform: translateY(20px);transition: opacity .2s ease, transform .8s ease;width: 100% }.hero h1 span.text.active {opacity: 1;transform: translateY(0);position: relative }section {padding: 72px 0 }.section-soft {background: color-mix(in srgb, var(--primary-100) 70%, #fff 30%);}.section-alt {background: var(--bg-alt) }.section-title {font-size: 30px;line-height: 1.3;font-weight: 800;margin: 0 0 24px;text-align: center;color: var(--text-700) }.lead {font-size: 16px;line-height: 1.55;color: var(--text-600);margin-bottom: 20px;}.lead strong, .lead .accent {color: var(--primary-700);font-weight: 800;}.highlight {background: var(--primary-50);border-left: 4px solid var(--primary-500);padding: 14px 18px;border-radius: 12px;margin: 18px 0;font-size: 18px;line-height: 1.55;color: var(--text-700);}.grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px }.card {background: var(--card);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow);padding: 22px;transition: transform .2s ease, box-shadow .2s ease }.card:hover {transform: translateY(-2px);box-shadow: 0 10px 28px rgba(0, 0, 0, .08) }.card h3 {margin: 10px 0 8px;font-size: 20px;font-weight: 700;line-height: 1.3;color: var(--text-900) }.card p {margin: 0;font-size: 16px;line-height: 1.55;color: var(--text-600) }.icon {width: 42px;height: 42px;border-radius: 12px;background: var(--primary-50);display: grid;place-items: center;border: 2px solid var(--primary-300);color: var(--primary-700);font-weight: 900 }.profiles-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}@media (max-width: 960px) {.profiles-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 600px) {.profiles-grid {grid-template-columns: 1fr;gap: 16px;}}.profile-card {background: var(--card);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow);overflow: hidden;text-decoration: none;transition: transform 0.2s ease, box-shadow 0.2s ease;display: flex;flex-direction: column;position: relative;}.profile-card:hover {transform: translateY(-4px);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);}.profile-cover {height: 60px;background-image: url('https://cdn.matecito.co/assets/images/pattern_mat.png'), linear-gradient(135deg, var(--primary-300), var(--primary-500));background-size: 120px, auto;background-blend-mode: overlay;}.profile-card:nth-child(2) .profile-cover {background-image: url('https://cdn.matecito.co/assets/images/pattern_mat.png'), linear-gradient(135deg, #f6d365, #fda085);}.profile-card:nth-child(3) .profile-cover {background-image: url('https://cdn.matecito.co/assets/images/pattern_mat.png'), linear-gradient(135deg, #84fab0, #8fd3f4);}.profile-card:nth-child(4) .profile-cover {background-image: url('https://cdn.matecito.co/assets/images/pattern_mat.png'), linear-gradient(135deg, #a18cd1, #fbc2eb);}.profile-card:nth-child(5) .profile-cover {background-image: url('https://cdn.matecito.co/assets/images/pattern_mat.png'), linear-gradient(135deg, #ff9a9e, #fecfef);}.profile-card:nth-child(6) .profile-cover {background-image: url('https://cdn.matecito.co/assets/images/pattern_mat.png'), linear-gradient(135deg, #fbc2eb, #a6c1ee);}.profile-avatar, .profile-card img {width: 80px;height: 80px;min-width: 80px;min-height: 80px;max-width: 80px;max-height: 80px;border-radius: 50%;border: 4px solid #fff;margin: -40px auto 0;background: #fff;object-fit: cover;display: block;}.profile-info {padding: 8px 0px 14px;text-align: center;}.profile-info h3 {margin: 0px;font-size: 18px;font-weight: 800;color: var(--text-900);}.profile-info p {margin: 0;font-size: 15px;color: var(--text-600);line-height: 1.4;}.steps-horizontal {display: flex;justify-content: space-between;position: relative;margin-top: 50px;gap: 20px }.step-h {text-align: center;flex: 1;position: relative }.step-circle {width: 48px;height: 48px;margin: 0 auto 12px;border-radius: 50%;background: var(--primary-700);color: #fff;font-weight: 800;font-size: 18px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;box-shadow: 0 4px 10px rgba(0, 0, 0, .1) }.step-h h3 {margin: 0 0 6px;font-size: 18px;font-weight: 700;color: var(--text-900) }.step-h p {margin: 0 auto;max-width: 200px;font-size: 15px;line-height: 1.5;color: var(--text-600) }@media(min-width:769px) {.step-h::after {content: "";position: absolute;top: 24px;left: 50%;width: 100%;height: 4px;background: var(--primary-100);z-index: 1 }.step-h:last-child::after {display: none }}@media(max-width:768px) {.steps-horizontal {flex-direction: column;align-items: flex-start;gap: 32px;max-width: 360px;margin: 0 auto;position: relative }.steps-horizontal::before {content: "";position: absolute;top: 0;bottom: 0;left: 23px;width: 2px;background: var(--primary-100);z-index: 0 }.step-h {display: grid;grid-template-columns: 60px 1fr;align-items: center;gap: 12px;text-align: left;position: relative;width: 100% }.step-circle {margin: 0;z-index: 1 }.step-h h3 {margin: 0;font-size: 16px;font-weight: 700;padding: 10px 14px;background: #fff;border: 1px solid var(--border);border-radius: 10px;box-shadow: 0 2px 6px rgba(0, 0, 0, .06) }.step-h p {display: none }.step-h::after {content: none !important }}.faq-list {max-width: var(--container);margin: 0 auto }.faq-item {border: 1px solid var(--border);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow);margin-bottom: 12px;overflow: hidden;transition: .3s }.faq-question {cursor: pointer;padding: 18px 20px;font-weight: 800;display: flex;justify-content: space-between;align-items: center;color: var(--text-700);font-size: 18px;}.faq-question span {font-weight: 900;font-size: 20px;color: var(--primary-700) }.faq-question:hover {background: var(--primary-50) }.faq-answer {max-height: 0;overflow: hidden;transition: max-height .3s ease, padding .3s ease;padding: 0 20px }.faq-item.active .faq-answer {max-height: 240px;padding: 0px 20px 16px 20px }.faq-item.active .faq-question {color: var(--primary-700) }.faq-answer p {font-size: 16px;line-height: 1.55;color: var(--text-600) }.faq-separator {height: 40px }.cta-help {background: linear-gradient(75deg, var(--primary-50), color-mix(in srgb, var(--primary-300) 30%, #fff 70%));backdrop-filter: blur(10px);border: 1px solid var(--primary-100);border-radius: 22px;padding: 22px;display: flex;align-items: center;justify-content: space-between;gap: 18px;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);flex-wrap: wrap;}.cta-buttons {display: flex;gap: 10px;flex-wrap: nowrap;}@media (max-width: 600px) {.cta-help {flex-direction: column;align-items: flex-start;}.cta-buttons {margin-top: 12px;}}.cta-help h3 {margin: 0;font-size: 22px;font-weight: 800;color: var(--text-700) }.cta-help .lead {font-size: 16px;line-height: 1.55;margin: 0;}@media(max-width:960px) {.hero .wrap {grid-template-columns: 1fr }.grid-3 {grid-template-columns: 1fr }}@media(max-width:560px) {.hero h1 {font-size: 32px }.section-title {font-size: 24px }.faq-question {font-size: 16px }.btn {font-size: 16px }.step-h h3 {font-size: 16px }.faq-answer p, .step-h p {font-size: 15px }.cta-help h3 {font-size: 20px }}#no-account {font-size: 15px;color: var(--text-600);margin: 12px 0 0;}@media (max-width: 600px) {.hero .wrap {padding-bottom: 0;}.hero-media img {border: none;box-shadow: none;}#no-account {margin: 0px;}}.section-cta {text-align: center;margin-top: 48px }#ayuda {padding-top: 10px !important;margin-bottom: 50px;}.hero-cta .btn--accent {background: var(--primary-700);color: #fff;font-weight: 800;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}.hero-cta .btn--accent:hover {background: var(--primary-600);transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);}.btn--outline-green:hover {background: var(--primary-50);color: var(--primary-700);transform: translateY(-1px);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);}.btn, .btn--accent, .btn--outline-green {padding: 12px 26px;font-size: 17px;line-height: 1.4;}#ayuda .btn {padding: 10px 20px;font-size: 16px;}footer {background-image: var(--header-back-img);background-color: var(--header-bg);box-shadow: var(--box-shadow-header);color: #E8F5E9;padding: 20px 0 8px 0;margin-top: 160px;}footer hr {background-color: #15432e55;height: 1px;border: 0;}footer a {color: #E8F5E9;font-weight: 620;}.foot {display: grid;align-items: start;gap: 20px;}.foot-brand {font-weight: 800;font-size: 20px;}.foot-links {display: grid;grid-template-columns: repeat(3, auto);gap: 12px 56px;justify-content: end;}@media (min-width: 768px) {.foot {grid-template-columns: auto 1fr;}.foot-links {justify-content: flex-end;text-align: left;}}@media (max-width: 829px) {.foot {grid-template-columns: 1fr;text-align: center;}.foot-links {margin-top: 32px;grid-template-columns: 1fr 1fr;justify-content: center;text-align: left;}footer {background-image: var(--header-back-img);background-color: var(--header-bg);box-shadow: var(--box-shadow-header);color: #E8F5E9;padding: 12px 0;margin-top: 160px;padding-bottom: 8px;}}@media (max-width: 500px) {.foot-links {margin-top: 32px;grid-template-columns: 1fr;justify-content: center;text-align: left;}}.spacer-8 {height: 8px;width: 100%;}.hidden {display: none;}.header-v2-actions {display: flex;align-items: center;gap: 12px;position: absolute;right: 14px;z-index: 20;}@media (min-width: 600px) {.header-v2-actions {right: 16px;}}@media (max-width: 599px) {.header-v2-actions {right: 8px;gap: 6px;}}.header-v2-lang-selector, .header-v2-user-selector {position: relative;}.header-v2-lang-btn, .header-v2-user-btn {height: 38px;display: flex;align-items: center;gap: 6px;padding: 6px 14px;border-radius: 14px;background: var(--header-v2-btn-bg);border: 1px solid var(--header-v2-border);cursor: pointer;font-weight: 550;transition: background 0.2s, transform 0.15s;color: var(--header-v2-text);font-size: 16px;line-height: 1;}.header-v2-lang-btn:hover:not(.active), .header-v2-user-btn:hover:not(.active) {background: var(--header-v2-btn-hover);transform: translateY(-1px);}.header-v2-lang-btn:focus, .header-v2-user-btn:focus {background: var(--header-v2-btn-bg);outline: none;}.header-v2-lang-btn.active, .header-v2-user-btn.active {background: var(--header-v2-btn-hover);transform: translateY(-1px);}.header-v2-lang-btn svg, .header-v2-user-btn svg {width: 20px;height: 20px;}.header-v2-lang-text {margin-left: 6px;}.header-v2-lang-menu, .header-v2-user-menu {position: absolute;top: 110%;right: 0;background: var(--header-v2-btn-bg-menu);backdrop-filter: blur(10px);border: 1px solid var(--header-v2-border-menu);border-radius: 12px;list-style: none;padding: 0;margin: 0;display: none;flex-direction: column;min-width: max-content;white-space: nowrap;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);animation: header-v2-fadeScale 0.2s ease;z-index: 100;overflow: hidden;}.header-v2-lang-menu li, .header-v2-user-menu li {padding: 10px 22px;cursor: pointer;font-size: 1rem;color: var(--header-v2-text);transition: background 0.2s, color 0.2s;}.header-v2-lang-menu li:hover, .header-v2-user-menu li:hover {background: var(--header-v2-btn-hover-menu);color: var(--header-v2-accent);}.lightMode .header-v2-lang-menu li, .lightMode .header-v2-user-menu li {color: #fff !important;}@keyframes header-v2-fadeScale {from {opacity: 0;transform: scale(0.95);}to {opacity: 1;transform: scale(1);}}@media (max-width: 700px) {.header-v2-lang-text {display: none;}.header-v2-lang-btn {padding: 6px 10px;}}.header-v2-user-text {padding-left: 4px;display: inline-flex;align-items: center;gap: 4px;}.header-v2-user-text svg {width: 20px;height: 20px;flex-shrink: 0;}.lang-modal {position: fixed;inset: 0;display: flex;align-items: center;justify-content: center;z-index: 2000;}.lang-modal.hidden {display: none;}.lang-modal-overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.6);}.lang-modal-content {position: relative;background: #fff;border-radius: 12px;padding: 24px;width: 90%;max-width: 400px;z-index: 2001;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);color: #000;}.lang-modal-close {position: absolute;top: 12px;right: 12px;background: none;border: none;font-size: 24px;cursor: pointer;}.lang-modal-list {list-style: none;margin: 0;padding: 0;}.lang-modal-list li {padding: 12px;cursor: pointer;border-radius: 8px;transition: background 0.2s;}.lang-modal-list li:hover {background: #f5f5f5;}.lang-modal-content h2, .lang-modal-content li {color: #000;}.header-v2-lang-icon {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;}.header-v2-lang-icon svg {width: 100%;height: 100%;display: block;}.lang-modal-content h2 {margin-bottom: 12px;margin-top: 12px;font-weight: 600;}#footerDesc {font-size: 14px !important;display: flex;justify-content: center;align-items: center;padding: 6px 0px !important;}