html,
body {
    height: 100%;
}

body.app-body {
    background: #f5fbf2;
}

body.portal-theme {
    background:
        radial-gradient(circle at top left, rgba(142, 234, 106, 0.22), transparent 32%),
        radial-gradient(circle at top right, rgba(28, 176, 246, 0.18), transparent 30%),
        linear-gradient(180deg, #fcfffb 0%, #f5fbf2 58%, #eef8ea 100%);
    color: #163300;
    font-family: 'Nunito', 'Trebuchet MS', 'Segoe UI', sans-serif;
}

body.portal-theme .wrap {
    background: transparent;
}

body.portal-theme .wrap > .container.site-main-container {
    width: min(1240px, calc(100% - 32px));
    padding: 108px 0 48px;
}

body.portal-theme .site-page,
body.portal-theme .site-page-default {
    position: relative;
}

body.portal-theme .site-header {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(110, 201, 66, 0.14) !important;
    box-shadow: 0 16px 36px rgba(23, 44, 7, 0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.portal-theme .site-header .container {
    width: min(1240px, calc(100% - 32px));
}

body.portal-theme .navbar-inverse .navbar-brand {
    color: #58cc02;
    font-family: 'Baloo 2', 'Trebuchet MS', cursive;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    text-shadow: none;
}

body.portal-theme .navbar-inverse .navbar-brand:hover,
body.portal-theme .navbar-inverse .navbar-brand:focus {
    color: #46a302;
}

body.portal-theme .navbar-inverse .navbar-nav > li > a {
    color: #315514;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.portal-theme .navbar-inverse .navbar-nav > li > a:hover,
body.portal-theme .navbar-inverse .navbar-nav > li > a:focus,
body.portal-theme .navbar-inverse .navbar-nav > .active > a,
body.portal-theme .navbar-inverse .navbar-nav > .active > a:hover,
body.portal-theme .navbar-inverse .navbar-nav > .active > a:focus {
    color: #58cc02;
    background: rgba(88, 204, 2, 0.10);
}

body.portal-theme .navbar-inverse .navbar-toggle {
    border-color: rgba(88, 204, 2, 0.28);
    background: rgba(88, 204, 2, 0.12);
}

body.portal-theme .navbar-inverse .navbar-toggle:hover,
body.portal-theme .navbar-inverse .navbar-toggle:focus {
    background: rgba(88, 204, 2, 0.22);
}

body.portal-theme .navbar-inverse .navbar-toggle .icon-bar {
    background: #58cc02;
}

body.portal-theme .language-switcher {
    border-color: rgba(110, 201, 66, 0.18);
    background: rgba(88, 204, 2, 0.08);
}

body.portal-theme .language-switcher-options {
    background: rgba(255, 255, 255, 0.92);
}

body.portal-theme .language-chip {
    color: #4b6b2d;
}

body.portal-theme .language-chip:hover,
body.portal-theme .language-chip:focus {
    background: rgba(88, 204, 2, 0.12);
    color: #315514;
}

body.portal-theme .language-chip.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #58cc02, #89e219);
    box-shadow: 0 10px 18px rgba(88, 204, 2, 0.28);
}

body.portal-theme .language-chip-flag {
    background: rgba(88, 204, 2, 0.12);
    box-shadow: inset 0 0 0 1px rgba(88, 204, 2, 0.15);
}

body.portal-theme .language-chip.is-active .language-chip-flag {
    background: rgba(255, 255, 255, 0.18);
}

body.portal-theme .alert {
    border: 1px solid rgba(24, 48, 8, 0.08);
    border-radius: 22px;
    box-shadow: 0 14px 30px rgba(22, 51, 0, 0.08);
}

body.portal-theme h1,
body.portal-theme h2,
body.portal-theme h3,
body.portal-theme h4 {
    color: #1c3d00;
    font-family: 'Nunito', 'Trebuchet MS', 'Segoe UI', sans-serif;
}

body.portal-theme .meb-shared,
body.portal-theme .meb-home {
    --c-ink: #173100;
    --c-ink-soft: #587343;
    --c-bg: transparent;
    --c-white: #ffffff;
    --c-violet: #58cc02;
    --c-violet-deep: #46a302;
    --c-pink: #1cb0f6;
    --c-coral: #ff9600;
    --c-amber: #ffd95d;
    --c-teal: #00cd9c;
    --c-sky: #1cb0f6;
    --c-line: rgba(28, 61, 0, 0.08);
    --c-shadow-sm: 0 10px 24px rgba(22, 51, 0, 0.08);
    --c-shadow-md: 0 18px 44px rgba(22, 51, 0, 0.11);
    --c-shadow-lg: 0 28px 74px rgba(22, 51, 0, 0.14);
    font-family: 'Nunito', 'Trebuchet MS', 'Segoe UI', sans-serif;
}

body.portal-theme .meb-shared {
    padding: 32px 0 56px;
    background: transparent;
}

body.portal-theme .meb-static-shell,
body.portal-theme .site-contact,
body.portal-theme .meb-shell {
    max-width: 1180px;
}

body.portal-theme .meb-static-card,
body.portal-theme .contact-panel,
body.portal-theme .pro-status-card,
body.portal-theme .pro-plan-card,
body.portal-theme .meb-card,
body.portal-theme .meb-panel,
body.portal-theme .well,
body.portal-theme .thumbnail,
body.portal-theme .panel,
body.portal-theme .modal-content {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(28, 61, 0, 0.08);
    border-radius: 28px;
    box-shadow: 0 18px 44px rgba(22, 51, 0, 0.10);
}

body.portal-theme .meb-static-card,
body.portal-theme .contact-panel-right,
body.portal-theme .pro-status-card,
body.portal-theme .pro-plan-card {
    padding: 28px;
}

body.portal-theme .meb-btn,
body.portal-theme .btn,
body.portal-theme .btn.btn-primary,
body.portal-theme .btn.btn-success,
body.portal-theme .btn-morado,
body.portal-theme .contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 24px;
    border-radius: 18px;
    border: none;
    font-size: 2.05rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

body.portal-theme .meb-btn:hover,
body.portal-theme .btn:hover,
body.portal-theme .btn.btn-primary:hover,
body.portal-theme .btn.btn-success:hover,
body.portal-theme .btn-morado:hover,
body.portal-theme .contact-submit:hover,
body.portal-theme .meb-btn:focus,
body.portal-theme .btn:focus,
body.portal-theme .btn.btn-primary:focus,
body.portal-theme .btn.btn-success:focus,
body.portal-theme .btn-morado:focus,
body.portal-theme .contact-submit:focus {
    transform: translateY(-2px);
}

body.portal-theme .btn.btn-primary,
body.portal-theme .btn.btn-success,
body.portal-theme .btn.btn-warning,
body.portal-theme .btn.btn-info,
body.portal-theme .btn-morado,
body.portal-theme .contact-submit,
body.portal-theme .meb-btn-primary {
    background: linear-gradient(180deg, #6fe71a 0%, #58cc02 100%);
    box-shadow: 0 14px 24px rgba(88, 204, 2, 0.24);
    color: #ffffff;
}

body.portal-theme .btn.btn-primary:hover,
body.portal-theme .btn.btn-success:hover,
body.portal-theme .btn.btn-warning:hover,
body.portal-theme .btn.btn-info:hover,
body.portal-theme .btn-morado:hover,
body.portal-theme .contact-submit:hover,
body.portal-theme .meb-btn-primary:hover,
body.portal-theme .btn.btn-primary:focus,
body.portal-theme .btn.btn-success:focus,
body.portal-theme .btn.btn-warning:focus,
body.portal-theme .btn.btn-info:focus,
body.portal-theme .btn-morado:focus,
body.portal-theme .contact-submit:focus,
body.portal-theme .meb-btn-primary:focus {
    background: linear-gradient(180deg, #63da12 0%, #4cb102 100%);
    color: #ffffff;
    box-shadow: 0 18px 28px rgba(88, 204, 2, 0.30);
}

body.portal-theme .meb-btn-ghost,
body.portal-theme .btn.btn-default,
body.portal-theme .btn.btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ffffff;
    border: 1px solid rgba(28, 61, 0, 0.08);
    color: #1cb0f6;
    box-shadow: 0 10px 24px rgba(28, 176, 246, 0.12);
}

body.portal-theme .meb-btn-ghost:hover,
body.portal-theme .meb-btn-ghost:focus,
body.portal-theme .btn.btn-default:hover,
body.portal-theme .btn.btn-default:focus,
body.portal-theme .btn.btn-link:hover,
body.portal-theme .btn.btn-link:focus {
    color: #1183ba;
    text-decoration: none;
    box-shadow: 0 16px 28px rgba(28, 176, 246, 0.18);
}

body.portal-theme .meb-btn-arrow {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

body.portal-theme .meb-btn:hover .meb-btn-arrow,
body.portal-theme .meb-btn:focus .meb-btn-arrow {
    transform: translateX(3px);
}

body.portal-theme .form-control {
    min-height: 50px;
    border-radius: 16px;
    border: 2px solid #d6e8cb;
    color: #173100;
    box-shadow: none;
}

body.portal-theme textarea.form-control {
    min-height: 140px;
}

body.portal-theme .form-control:focus {
    border-color: #84d83f;
    box-shadow: 0 0 0 4px rgba(88, 204, 2, 0.14);
}

body.portal-theme .help-block,
body.portal-theme .hint-block,
body.portal-theme p,
body.portal-theme li,
body.portal-theme label {
    color: #587343;
}

body.portal-theme .site-footer,
body.portal-theme .footer {
    min-height: 124px;
    padding: 34px 0 24px;
    border-top: 1px solid rgba(28, 61, 0, 0.08);
    background: linear-gradient(180deg, #58cc02 0%, #49b800 100%) !important;
}

body.portal-theme .site-footer p,
body.portal-theme .footer p {
    margin: 0;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 800;
}

body.portal-theme .portal-auth,
body.portal-theme .portal-editorial,
body.portal-theme .portal-error {
    padding: 8px 0 40px;
}

body.portal-theme .portal-auth-grid,
body.portal-theme .portal-split-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

body.portal-theme .portal-card,
body.portal-theme .portal-hero-card,
body.portal-theme .portal-form-card {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(28, 61, 0, 0.08);
    border-radius: 28px;
    box-shadow: 0 18px 44px rgba(22, 51, 0, 0.10);
    padding: 28px;
}

body.portal-theme .portal-hero-card {
    background:
        radial-gradient(circle at top right, rgba(28, 176, 246, 0.16), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f7fff1 100%);
}

body.portal-theme .portal-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(88, 204, 2, 0.12);
    color: #4ba400;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.portal-theme .portal-title {
    margin: 0 0 12px;
    color: #1c3d00;
    font-size: clamp(3rem, 5vw, 4.6rem);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.02;
}

body.portal-theme .portal-title.portal-title-sm {
    font-size: clamp(2.4rem, 4vw, 3.4rem);
}

body.portal-theme .portal-copy,
body.portal-theme .portal-copy p,
body.portal-theme .portal-copy li {
    color: #587343;
    font-size: 1.75rem;
    line-height: 1.7;
}

body.portal-theme .portal-copy p:last-child {
    margin-bottom: 0;
}

body.portal-theme .portal-list {
    padding-left: 22px;
    margin: 18px 0 0;
}

body.portal-theme .portal-form .form-group {
    margin-bottom: 18px;
}

body.portal-theme .portal-form .control-label {
    display: block;
    margin-bottom: 8px;
    color: #315514;
    font-size: 1.35rem;
    font-weight: 800;
}

body.portal-theme .portal-inline-alert {
    border-radius: 18px;
    padding: 14px 16px;
    margin-bottom: 16px;
    font-size: 1.45rem;
    font-weight: 700;
}

body.portal-theme .portal-inline-alert.is-danger {
    background: #fff1f0;
    color: #a1352f;
    border: 1px solid rgba(161, 53, 47, 0.16);
}

body.portal-theme .portal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 8px;
}

body.portal-theme .portal-actions .btn {
    min-width: 210px;
}

body.portal-theme .portal-form-links {
    margin-top: 18px;
}

body.portal-theme .portal-form-links a {
    color: #1cb0f6;
    font-weight: 800;
}

body.portal-theme .portal-note {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    color: #587343;
    font-size: 1.35rem;
    font-weight: 700;
}

body.portal-theme .portal-error .alert {
    margin-bottom: 20px;
}

body.portal-theme .portal-error-card {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

body.portal-theme .portal-section-title {
    margin-top: 28px;
    margin-bottom: 10px;
    color: #1c3d00;
    font-size: clamp(2rem, 3vw, 2.7rem);
    font-weight: 900;
    letter-spacing: -0.03em;
}

body.portal-theme .portal-editorial-shell {
    max-width: 1080px;
    margin: 0 auto;
}

body.portal-theme .portal-card + .portal-card {
    margin-top: 24px;
}

body.portal-theme .portal-card-media {
    margin-top: 28px;
    text-align: center;
}

body.portal-theme .portal-card-media img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    border-radius: 22px;
    box-shadow: 0 18px 34px rgba(22, 51, 0, 0.14);
}

body.portal-theme .portal-card-quote {
    margin-top: 22px;
    padding: 18px 20px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(28, 61, 0, 0.08);
    border-left: 6px solid #58cc02;
    border-radius: 18px;
    color: #587343;
    font-size: 1.45rem;
    font-style: italic;
}

body.portal-theme .portal-grid-two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
}
    body.portal-theme .portal-grid-three {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        align-items: stretch;
    }

body.portal-theme .portal-mini-card {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(28, 61, 0, 0.08);
    border-radius: 22px;
    box-shadow: 0 14px 30px rgba(22, 51, 0, 0.08);
    padding: 22px;
}

body.portal-theme .portal-mini-card h3 {
    margin: 0 0 10px;
    color: #1c3d00;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

body.portal-theme .portal-mini-card p,
body.portal-theme .portal-mini-card li {

body.portal-theme img.img-thumbnail,
body.portal-theme .thumbnail > img,
body.portal-theme .panel img {
    border-radius: 24px;
    border-color: rgba(28, 61, 0, 0.08);
}

body.portal-theme .site-main-container,
body.portal-theme .wrap > .container.site-main-container {
    width: min(1240px, calc(100% - 32px));
    padding-top: 108px;
    padding-bottom: 48px;
}

body.portal-theme .site-page-default {
    display: block;
}

body.portal-theme .footer {
    margin-top: 0;
}
    font-size: 1.45rem;
    line-height: 1.65;
    color: #587343;
}

body.public-site .portal-alert-stack {
    display: grid;
    gap: 14px;
    margin-bottom: 20px;
}

body.public-site .portal-compare-table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 20px;
    border-style: hidden;
    box-shadow: 0 0 0 1px rgba(28, 61, 0, 0.08);
    background: #ffffff;
}

body.public-site .portal-compare-table th,
body.public-site .portal-compare-table td {
    padding: 16px 18px;
    border: 1px solid rgba(28, 61, 0, 0.08);
    font-size: 1.4rem;
    line-height: 1.55;
    vertical-align: top;
}

body.public-site .portal-compare-table th {
    background: #eef8ea;
    color: #315514;
    font-size: 1.3rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

body.public-site .portal-compare-table td:first-child {
    font-weight: 800;
    color: #1c3d00;
    background: #f9fdf7;
}

body.public-site .pro-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin: 24px 0 0;
}

body.public-site .pro-plan-card h3,
body.public-site .pro-status-card h2 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #1c3d00;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

body.public-site .pro-plan-card p,
body.public-site .pro-status-card p {
    color: #587343;
    font-size: 1.4rem;
    line-height: 1.65;
}

body.public-site .pro-plan-price {
    margin: 8px 0 4px;
    color: #58cc02;
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: -0.04em;
}

body.public-site .pro-plan-meta {
    margin-bottom: 12px;
    color: #1cb0f6;
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

body.public-site .pro-alert {
    border-radius: 18px;
    padding: 16px 18px;
    font-size: 1.4rem;
    font-weight: 800;
}

body.public-site .pro-alert-success { background: #eaf9df; color: #2f6a00; }
body.public-site .pro-alert-error { background: #fff0ef; color: #98352f; }
body.public-site .pro-alert-info { background: #eef8ff; color: #225e93; }

body.public-site .pro-plan-card form {
    margin-top: 16px;
}

body.public-site .pro-banner {
    display: block;
    width: 100%;
    border-radius: 24px;

body.public-site .portal-section-title:first-child {
    margin-top: 0;
}

body.public-site .portal-centered-card {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

body.public-site .portal-video-frame {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 34px rgba(22, 51, 0, 0.12);
    background: #dff1d1;
}

body.public-site .portal-video-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

body.public-site .portal-link-list {
    display: grid;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

body.public-site .portal-link-list a {
    display: block;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(88, 204, 2, 0.08);
    color: #315514;
    font-size: 1.35rem;
    font-weight: 800;
    text-decoration: none;
}

body.public-site .portal-link-list a:hover,
body.public-site .portal-link-list a:focus {
    background: rgba(88, 204, 2, 0.14);
    color: #1c3d00;
    text-decoration: none;
}

body.public-site .portal-app-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

body.public-site .portal-app-media {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 18px;
    margin-bottom: 18px;
}

body.public-site .portal-app-card p {
    margin-bottom: 18px;
}

body.public-site .portal-app-card .portal-actions {
    margin-top: auto;
}

body.public-site .portal-result-avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
    margin-bottom: 18px;
    box-shadow: 0 14px 28px rgba(22, 51, 0, 0.12);
}

body.public-site .portal-signup .boton {
    display: none;
}

body.public-site .portal-signup .portal-form-card .row {
    margin-left: -10px;
    margin-right: -10px;
}

body.public-site .portal-signup .portal-form-card [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

body.public-site .portal-signup .hide {
    display: none !important;
}

body.public-site .portal-signup .seleccion {
    max-width: 140px;
    cursor: pointer;
    border-radius: 18px;
    box-shadow: 0 14px 28px rgba(22, 51, 0, 0.12);
}

body.public-site .portal-signup .verificacion {
    margin-top: 24px;
}

body.public-site .portal-robot-check {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(28, 61, 0, 0.08);
    border-radius: 24px;
    box-shadow: 0 14px 30px rgba(22, 51, 0, 0.08);
    padding: 22px;
}

body.public-site .portal-robot-check .mensaje {
    color: #315514;
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.55;
    margin-top: 0;
    margin-bottom: 18px;
}

body.public-site .portal-robot-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

body.public-site .portal-robot-options img {
    width: 100%;
    max-width: 140px;
    margin: 0 auto;
    border-radius: 18px;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(22, 51, 0, 0.10);
}

body.public-site .portal-image-modal .modal-content {
    border: 1px solid rgba(28, 61, 0, 0.08);
    border-radius: 24px;
    box-shadow: 0 24px 50px rgba(22, 51, 0, 0.18);
}

body.public-site .portal-image-modal .modal-header,
body.public-site .portal-image-modal .modal-footer {
    border-color: rgba(28, 61, 0, 0.08);
}

body.public-site .portal-image-modal .modal-title {
    color: #1c3d00;
    font-size: 1.9rem;
    font-weight: 900;
}

body.public-site .portal-image-modal .modal-body {
    max-height: 400px;
    overflow-x: auto;
}

body.public-site .portal-image-modal .seleccionable {
    border-radius: 16px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.public-site .portal-image-modal .seleccionable:hover,
body.public-site .portal-image-modal .seleccionable:focus {
    transform: translateY(-2px);
    box-shadow: 0 14px 24px rgba(22, 51, 0, 0.12);
}
    box-shadow: 0 18px 34px rgba(22, 51, 0, 0.14);
}

body.public-site .pro-steps {
    margin: 18px 0 0;
    padding-left: 22px;
}

body.public-site .pro-steps li {
    margin-bottom: 10px;
    color: #587343;
    font-size: 1.45rem;
    line-height: 1.65;
}

body.public-site .contact-form .row {
    margin-left: -10px;
    margin-right: -10px;
}

body.public-site .contact-form [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

body.public-site .contact-subtitle {
    color: #587343;
    font-size: 1.5rem;
    line-height: 1.65;
    margin-bottom: 22px;
}

body.public-site .contact-hidden {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

body.public-site .meb-home {
    position: relative;
    overflow: hidden;
}

body.public-site.public-site-index .site-main-container {
    padding-bottom: 0;
}

body.public-site.public-site-index .site-page {
    margin: 0;
}

body.public-site .meb-home *,
body.public-site .meb-home *::before,
body.public-site .meb-home *::after {
    box-sizing: border-box;
}

body.public-site .meb-bg-blobs {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

body.public-site .meb-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.55;
    animation: meb-float 18s ease-in-out infinite;
}

body.public-site .meb-blob-1 {
    width: 480px;
    height: 480px;
    background: radial-gradient(circle, rgba(111, 231, 26, 0.55) 0%, transparent 70%);
    top: -120px;
    left: -120px;
}

body.public-site .meb-blob-2 {
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(28, 176, 246, 0.36) 0%, transparent 70%);
    top: 120px;
    right: -140px;
    animation-delay: -6s;
}

body.public-site .meb-blob-3 {
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(255, 183, 48, 0.34) 0%, transparent 70%);
    bottom: -100px;
    left: 30%;
    animation-delay: -12s;
}

@keyframes meb-float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(40px, -30px) scale(1.08); }
    66% { transform: translate(-30px, 40px) scale(0.95); }
}

body.public-site .meb-shell {
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0 auto;
    padding: 40px 24px 88px;
}

body.public-site .meb-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 56px;
    align-items: center;
    padding: 24px 0 64px;
}

body.public-site .meb-hero-text {
    animation: meb-fade-up .8s ease both;
}

@keyframes meb-fade-up {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

body.public-site .meb-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(88, 204, 2, 0.10);
    border: 1px solid rgba(88, 204, 2, 0.20);
    color: #46a302;
    font-size: 0.96rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 8px 14px;
    border-radius: 999px;
    margin-bottom: 22px;
}

body.public-site .meb-pill-dot {
    width: 8px;
    height: 8px;
    background: #58cc02;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(88, 204, 2, 0.15);
    animation: meb-pulse 2s ease-in-out infinite;
}

@keyframes meb-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(88, 204, 2, 0.15); }
    50% { box-shadow: 0 0 0 9px rgba(88, 204, 2, 0.03); }
}

body.public-site .meb-headline {
    font-size: clamp(2.4rem, 5vw, 4.4rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.04em;
    margin: 0 0 22px;
    color: #173100;
}

body.public-site .meb-headline .meb-grad {
    background: linear-gradient(120deg, #58cc02 0%, #1cb0f6 56%, #ff9600 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

body.public-site .meb-lead,
body.public-site .meb-sublead,
body.public-site .meb-section-copy,
body.public-site .meb-why-copy,
body.public-site .meb-stat-label,
body.public-site .meb-card-copy,
body.public-site .meb-feature p,
body.public-site .meb-vcard p {
    color: #587343;
}

body.public-site .meb-lead {
    font-size: 1.95rem;
    line-height: 1.7;
    margin: 0 0 18px;
    max-width: 56ch;
}

body.public-site .meb-sublead {
    font-size: 1.9rem;
    line-height: 1.8;
    margin: 0 0 36px;
    max-width: 58ch;
}

body.public-site .meb-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 36px;
}

body.public-site .meb-trust {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 1.08rem;
    color: #587343;
}

body.public-site .meb-trust-stars {
    color: #ffb700;
    letter-spacing: 2px;
    font-size: 1.05rem;
}

body.public-site .meb-hero-visual {
    position: relative;
    height: 520px;
    animation: meb-fade-up 1s .15s ease both;
}

body.public-site .meb-vcard {
    position: absolute;
    background: #ffffff;
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 28px 54px rgba(22, 51, 0, 0.16);
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: transform .35s ease;
}

body.public-site .meb-vcard:hover {
    transform: translateY(-8px) rotate(0deg) !important;
}

body.public-site .meb-vcard-1 { width: 280px; top: 20px; left: 0; transform: rotate(-6deg); z-index: 3; }
body.public-site .meb-vcard-2 { width: 270px; top: 80px; right: 0; transform: rotate(5deg); z-index: 2; }
body.public-site .meb-vcard-3 { width: 300px; bottom: 30px; left: 60px; transform: rotate(-2deg); z-index: 4; }

body.public-site .meb-vcard-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

body.public-site .meb-vcard-icon svg { width: 28px; height: 28px; }
body.public-site .meb-vcard-1 .meb-vcard-icon { background: linear-gradient(135deg, #58cc02, #1cb0f6); }
body.public-site .meb-vcard-2 .meb-vcard-icon { background: linear-gradient(135deg, #1cb0f6, #00cd9c); }
body.public-site .meb-vcard-3 .meb-vcard-icon { background: linear-gradient(135deg, #ffb700, #ff9600); }

body.public-site .meb-vcard h4,
body.public-site .meb-section-title,
body.public-site .meb-why-title,
body.public-site .meb-feature h4,
body.public-site .meb-card-title {
    color: #173100;
}

body.public-site .meb-vcard h4 {
    margin: 0;
    font-size: 1.22rem;
    font-weight: 800;
}

body.public-site .meb-vcard p {
    margin: 0;
    font-size: 1.04rem;
    line-height: 1.5;
}

body.public-site .meb-vcard-progress {
    height: 6px;
    background: rgba(22, 51, 0, 0.08);
    border-radius: 999px;
    overflow: hidden;
}

body.public-site .meb-vcard-progress span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #58cc02, #1cb0f6);
}

body.public-site .meb-float-emoji {
    position: absolute;
    font-size: 1.6rem;
    background: #fff;
    padding: 10px;
    border-radius: 14px;
    box-shadow: 0 14px 28px rgba(22, 51, 0, 0.10);
    animation: meb-bob 4s ease-in-out infinite;
}

body.public-site .meb-float-1 { top: -6px; right: 20%; animation-delay: 0s; }
body.public-site .meb-float-2 { bottom: 0; right: -10px; animation-delay: -2s; }

@keyframes meb-bob {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

body.public-site .meb-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 96px;
}

body.public-site .meb-stat {
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(28, 61, 0, 0.08);
    border-radius: 22px;
    padding: 26px 28px;
    box-shadow: 0 12px 26px rgba(22, 51, 0, 0.08);
    transition: transform .3s ease, box-shadow .3s ease;
}

body.public-site .meb-stat:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(22, 51, 0, 0.12);
}

body.public-site .meb-stat-value {
    font-size: 2rem;
    font-weight: 900;
    background: linear-gradient(120deg, #58cc02, #1cb0f6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 6px;
    letter-spacing: -0.03em;
}

body.public-site .meb-section-head {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 56px;
}

body.public-site .meb-kicker {
    display: inline-block;
    font-size: 0.96rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #58cc02;
    margin-bottom: 14px;
}

body.public-site .meb-section-title {
    font-size: clamp(1.9rem, 3.4vw, 2.8rem);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin: 0 0 14px;
}

body.public-site .meb-section-copy {
    font-size: 2.18rem;
    line-height: 1.7;
    margin: 0;
}

body.public-site .meb-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 96px;
}

body.public-site .meb-card {
    position: relative;
    background: #ffffff;
    border-radius: 28px;
    padding: 32px 28px 28px;
    border: 1px solid rgba(28, 61, 0, 0.08);
    box-shadow: 0 12px 26px rgba(22, 51, 0, 0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

body.public-site .meb-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: var(--card-grad);
}

body.public-site .meb-card::after {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: var(--card-grad);
    opacity: 0.10;
    transition: transform .5s ease, opacity .5s ease;
}

body.public-site .meb-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 26px 48px rgba(22, 51, 0, 0.14);
    border-color: transparent;
}

body.public-site .meb-card:hover::after {
    transform: scale(1.4);
    opacity: 0.18;
}

body.public-site .meb-card-lessons { --card-grad: linear-gradient(135deg, #58cc02 0%, #1cb0f6 100%); }
body.public-site .meb-card-story { --card-grad: linear-gradient(135deg, #1cb0f6 0%, #00cd9c 100%); }
body.public-site .meb-card-hebrew { --card-grad: linear-gradient(135deg, #ffb700 0%, #ff9600 100%); }

body.public-site .meb-card-icon {
    position: relative;
    z-index: 1;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: var(--card-grad);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 22px;
    box-shadow: 0 12px 24px rgba(22, 51, 0, 0.12);
}

body.public-site .meb-card-icon svg { width: 32px; height: 32px; }

body.public-site .meb-card-tag {
    position: absolute;
    top: 22px;
    right: 22px;
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    color: #82a06b;
    opacity: 0.7;
}

body.public-site .meb-card-eyebrow {
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #58cc02;
    margin-bottom: 8px;
}

body.public-site .meb-card-story .meb-card-eyebrow { color: #1cb0f6; }
body.public-site .meb-card-hebrew .meb-card-eyebrow { color: #ff9600; }

body.public-site .meb-card-title {
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 14px;
    letter-spacing: -0.02em;
}

body.public-site .meb-card-copy {
    font-size: 2.18rem;
    line-height: 1.65;
    margin: 0 0 20px;
}

body.public-site .meb-card-benefit {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(88, 204, 2, 0.08);
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 1.05rem;
    line-height: 1.5;
    color: #173100;
    margin-bottom: 24px;
}

body.public-site .meb-card-story .meb-card-benefit { background: rgba(28, 176, 246, 0.08); }
body.public-site .meb-card-hebrew .meb-card-benefit { background: rgba(255, 183, 0, 0.14); }

body.public-site .meb-card-benefit svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    color: #58cc02;
}

body.public-site .meb-card-story .meb-card-benefit svg { color: #1cb0f6; }
body.public-site .meb-card-hebrew .meb-card-benefit svg { color: #ff9600; }

body.public-site .meb-card-action { margin-top: auto; }

body.public-site .meb-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 2.05rem;
    font-weight: 800;
    text-decoration: none;
    padding: 12px 18px;
    border-radius: 14px;
    background: var(--card-grad);
    color: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
    box-shadow: 0 8px 18px rgba(22, 51, 0, 0.12);
}

body.public-site .meb-card-link:hover,
body.public-site .meb-card-link:focus {
    color: #fff;
    text-decoration: none;
    transform: translateX(4px);
    box-shadow: 0 12px 26px rgba(22, 51, 0, 0.18);
}

body.public-site .meb-card-link .meb-btn-arrow { transition: transform .25s ease; }
body.public-site .meb-card-link:hover .meb-btn-arrow { transform: translateX(4px); }

body.public-site .meb-why {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(245, 255, 238, 0.78));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(28, 61, 0, 0.08);
    border-radius: 32px;
    padding: 56px;
    margin-bottom: 96px;
    box-shadow: 0 18px 40px rgba(22, 51, 0, 0.10);
}

body.public-site .meb-why-pill {
    display: inline-block;
    background: rgba(28, 176, 246, 0.12);
    color: #1183ba;
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 999px;
    margin-bottom: 18px;
}

body.public-site .meb-why-title {
    font-size: clamp(1.7rem, 2.8vw, 2.4rem);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.03em;
    margin: 0 0 16px;
}

body.public-site .meb-why-copy {
    font-size: 2.18rem;
    line-height: 1.7;
    margin: 0 0 26px;
}

body.public-site .meb-features {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

body.public-site .meb-feature {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 18px;
    align-items: flex-start;
    padding: 18px;
    background: #fff;
    border-radius: 18px;
    border: 1px solid rgba(28, 61, 0, 0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

body.public-site .meb-feature:hover {
    transform: translateX(6px);
    box-shadow: 0 12px 26px rgba(22, 51, 0, 0.08);
}

body.public-site .meb-feature-num {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 1.8rem;
    color: #fff;
}

body.public-site .meb-feature:nth-child(1) .meb-feature-num { background: linear-gradient(135deg, #58cc02, #1cb0f6); }
body.public-site .meb-feature:nth-child(2) .meb-feature-num { background: linear-gradient(135deg, #1cb0f6, #00cd9c); }
body.public-site .meb-feature:nth-child(3) .meb-feature-num { background: linear-gradient(135deg, #ffb700, #ff9600); }

body.public-site .meb-feature h4 {
    margin: 0 0 4px;
    font-size: 1.6rem;
    font-weight: 800;
}

body.public-site .meb-feature p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.55;
}

body.public-site .meb-cta {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #46a302 0%, #58cc02 45%, #1cb0f6 100%);
    border-radius: 36px;
    padding: 64px 56px;
    color: #fff;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) auto;
    gap: 40px;
    align-items: center;
    box-shadow: 0 30px 70px rgba(88, 204, 2, 0.24);
}

body.public-site .meb-cta::before,
body.public-site .meb-cta::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
}

body.public-site .meb-cta::before { width: 320px; height: 320px; top: -120px; right: -100px; }
body.public-site .meb-cta::after { width: 220px; height: 220px; bottom: -80px; left: -60px; }
body.public-site .meb-cta > * { position: relative; z-index: 1; }

body.public-site .meb-cta-title {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -0.03em;
    margin: 0 0 12px;
    color: #fff;
}

body.public-site .meb-cta-copy {
    font-size: 1.16rem;
    line-height: 1.65;
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    max-width: 56ch;
}

body.public-site .meb-cta-btn {
    background: #fff;
    color: #46a302;
    padding: 17px 32px;
    font-size: 1.8rem;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);
}

body.public-site .meb-cta-btn:hover,
body.public-site .meb-cta-btn:focus {
    color: #46a302;
    box-shadow: 0 22px 40px rgba(0, 0, 0, 0.25);
}

body.public-site.public-site-iniciar .site-main-container,
body.public-site.public-site-recuperar .site-main-container,
body.public-site.public-site-privacidad .site-main-container,
body.public-site.public-site-error .site-main-container {
    width: min(1080px, calc(100% - 32px));
}

@media (max-width: 991px) {
    body.public-site .wrap > .container.site-main-container,
    body.public-site.public-site-iniciar .site-main-container,
    body.public-site.public-site-recuperar .site-main-container,
    body.public-site.public-site-privacidad .site-main-container,
    body.public-site.public-site-error .site-main-container {
        width: calc(100% - 24px);
        padding-top: 94px;
    }

    body.public-site .site-header .container {
        width: calc(100% - 24px);
    }

    body.public-site .portal-grid-two {
        grid-template-columns: 1fr;
    }
    body.public-site .portal-grid-three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.public-site .meb-hero,
    body.public-site .meb-why,
    body.public-site .meb-cta {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    body.public-site .meb-why {
        padding: 40px;
    }

    body.public-site .meb-cta {
        padding: 48px 32px;
        text-align: center;
    }

    body.public-site .meb-cta-copy {
        margin: 0 auto;
    }

    body.public-site .meb-grid,
    body.public-site .meb-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    body.public-site .meb-hero-visual {
        height: 460px;
        max-width: 460px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    body.public-site .navbar-inverse .navbar-collapse {
        background: rgba(255, 255, 255, 0.98);
        border-top: 1px solid rgba(88, 204, 2, 0.12);
        border-radius: 24px;
        margin-top: 10px;
        box-shadow: 0 16px 30px rgba(22, 51, 0, 0.10);
    }

    body.public-site .navbar-inverse .navbar-nav {
        margin: 8px 0;
    }

    body.public-site .navbar-inverse .navbar-nav > li > a {
        font-size: 1.45rem;
    }

    body.public-site .meb-shared {
        padding-bottom: 40px;
    }

    body.public-site .portal-auth-grid,
    body.public-site .portal-split-grid {
        grid-template-columns: 1fr;
    }

    body.public-site .meb-static-card,
    body.public-site .contact-panel-right,
    body.public-site .pro-status-card,
    body.public-site .pro-plan-card,
    body.public-site .portal-card,
    body.public-site .portal-hero-card,
    body.public-site .portal-form-card {
        padding: 22px 18px;
    }

    body.public-site .portal-actions .btn {
        width: 100%;
        min-width: 0;
    }
    body.public-site .portal-grid-three,
    body.public-site .portal-robot-options {
        grid-template-columns: 1fr;
    }

    body.public-site .portal-compare-table,
    body.public-site .portal-compare-table thead,
    body.public-site .portal-compare-table tbody,
    body.public-site .portal-compare-table th,
    body.public-site .portal-compare-table td,
    body.public-site .portal-compare-table tr {
        display: block;
    }

    body.public-site .portal-compare-table thead {
        display: none;
    }

    body.public-site .portal-compare-table tr {
        margin-bottom: 14px;
        border: 1px solid rgba(28, 61, 0, 0.08);
        border-radius: 18px;
        overflow: hidden;
    }

    body.public-site .portal-compare-table td {
        border: none;
        border-top: 1px solid rgba(28, 61, 0, 0.08);
    }

    body.public-site .portal-compare-table td:first-child {
        border-top: none;
    }

    body.public-site .meb-shell {
        padding: 36px 16px 64px;
    }

    body.public-site .meb-grid,
    body.public-site .meb-stats {
        grid-template-columns: 1fr;
    }

    body.public-site .meb-actions {
        flex-direction: column;
    }

    body.public-site .meb-btn {
        width: 100%;
        justify-content: center;
    }

    body.public-site .meb-why {
        padding: 28px 22px;
        border-radius: 24px;
    }

    body.public-site .meb-cta {
        padding: 40px 24px;
        border-radius: 28px;
    }

    body.public-site .meb-card {
        padding: 26px 22px 22px;
    }

    body.public-site .meb-hero-visual {
        height: 420px;
    }

    body.public-site .meb-vcard-1 { width: 240px; }
    body.public-site .meb-vcard-2 { width: 230px; }
    body.public-site .meb-vcard-3 { width: 250px; left: 30px; }
}

#container-top{
    display: none !important;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 80px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}


.navbar-inverse {
    background: linear-gradient(180deg, #6fe71a 0%, #58cc02 100%) !important;
    border-color: #58cc02 !important;
    color:white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #46a302;
    
    
}
.navbar-inverse .navbar-brand {
    font-family: 'Oleo Script', cursive;
    color:white;
    font-size: 24px;
}


.navbar-inverse .navbar-toggle {
    border-color: #46a302;
    background-color: #46a302;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #3d9001;
}


h1{
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #46a302;
        font-weight: 700;
}
footer{
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     background: linear-gradient(180deg, #6fe71a 0%, #58cc02 100%) !important;
      color:white;
            font-size: 18px;
    
}

.btn-morado {
    color: white;
   background: linear-gradient(180deg, #6fe71a 0%, #58cc02 100%) !important;
    border-color: #58cc02 !important;
}
.btn-morado:focus,.btn-morado:hover {
    color: white;
    background: linear-gradient(180deg, #63da12 0%, #4cb102 100%) !important;
    border-color: #4cb102 !important;
}

.portal-app-topbar {
    background: linear-gradient(180deg, #6fe71a 0%, #58cc02 100%) !important;
    border-color: #58cc02 !important;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


.MenuMobile{
		display:none;
	}

    .MenuDes{
		display:block;
	}   

@media only screen and (max-width: 600px) {
  .menuAdministrativo{
	display:none;
}
.estadisticas{
    display:none;
}
	.MenuMobile{
		display:block;
	}
    .MenuDes{
        display:none;
    }
    #guardarlec{
        width: 98%;
    }
}


@media only screen and (min-width: 601px) {
    .menuAdministrativo{
      display:block;
  }
  .estadisticas{
      display:block;
  }
      .MenuMobile{
          display:none;
      }
      .MenuDes{
          display:block;
      }
      #guardarlec{
        width: 350px;
    }
  }