/* ESTILOS LEGADOS COMPARTILHADOS - EXTRAIDOS SEM ALTERAR DEPENDENCIAS DE HEADER/FOOTER */

:root {--primary: #e21d6c;--primary-dark: #b01754;--primary-light: #ff4d8c;--secondary: #6a0dad;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #AD1010;--font-primary: 'Inter', sans-serif;--font-heading: 'Poppins', sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px; }

* {margin: 0;padding: 0;box-sizing: border-box; }

html {width: 100%;max-width: 100vw;overflow-x: hidden;scroll-behavior: smooth; }

body {width: 100%;max-width: 100vw;min-height: 100vh;margin: 0;padding: 0;overflow-x: hidden;position: relative; font-family: var(--font-primary);color: var(--gray-800);line-height: 1.5;background: linear-gradient(135deg, #f5f7fa 0%, #e9edf5 100%); }

body > * {max-width: 100%;box-sizing: border-box; }

img {max-width: 100%;height: auto;display: block; }

.header-actions {display: flex;align-items: center;gap: 0.5rem;flex-wrap: nowrap !important; max-width: 100%; }

iframe[style*="width"], [src*="/app2/includes/headers/iframe.php"] {width: 200px !important; }

/* HEADER */
.header {position: sticky;top: 0;background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);border-bottom: 1px solid rgba(0, 0, 0, 0.05);z-index: 1000;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); }

.header-container {max-width: 1400px;margin: 0 auto;padding: 0.75rem 2rem;display: flex;align-items: center;gap: 2rem; }

.header-top {display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: 0.75rem; }

.header-search {width: 100%; }

/* LOGO */
.logo {display: flex;align-items: center;text-decoration: none;color: var(--primary);font-weight: 700;font-size: 1.5rem; }

.logo svg {width: 40px;height: 40px; }

.logo-text {display: inline; }

/* BOTÕES */
.btn {display: inline-flex;align-items: center;justify-content: center;padding: 0.5rem 1rem;border-radius: 10px;font-weight: 600;text-decoration: none;transition: all 0.3s;gap: 0.5rem;cursor: pointer;border: none; }

.btn-outline {background: transparent;border: 1px solid var(--gray-300);color: var(--gray-700); }

.btn-outline:hover {background: var(--gray-100);border-color: var(--primary); }

.btn-primary {background: var(--primary);color: white; }

.btn-primary:hover {background: var(--primary-dark);transform: translateY(-2px);box-shadow: var(--shadow-md); }

.header-actions {display: flex;align-items: center;gap: 0.5rem;flex-wrap: nowrap !important; max-width: 100%; }

iframe[style*="width"], [src*="/app2/includes/headers/iframe.php"] {width: 200px !important; }

/* BARRA DE PESQUISA */
.search-form {display: flex;align-items: center;background: #f5f5f5;border-radius: 50px;padding: 0.3rem; }

.search-input {flex: 1;padding: 0.6rem 1.2rem;border: none;background: transparent;outline: none; }

.search-button {width: 38px;height: 38px;border: none;background: var(--primary);color: white;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;margin-right: 3px; }

/* NAVEGAÇÃO PRINCIPAL */
.nav-main {background: white;border-bottom: 1px solid var(--gray-200);padding: 0.5rem 2rem; }

.nav-container {max-width: 1400px;margin: 0 auto;display: flex;gap: 2rem;overflow-x: auto;scrollbar-width: none;align-items: center; }

.nav-container::-webkit-scrollbar {display: none; }

.nav-genders {display: flex;gap: 0.5rem;flex-shrink: 0; }

.gender-link {padding: 0.5rem 1.25rem;background: var(--gray-100);color: var(--gray-700);border-radius: var(--radius-full);font-weight: 600;text-decoration: none;transition: all 0.3s; }

.gender-link:hover {background: var(--primary);color: white; }

.nav-categories {display: flex;gap: 0.5rem;overflow-x: auto;scrollbar-width: none;flex: 1; }

.nav-categories a {padding: 0.5rem 1rem;background: var(--gray-50);color: var(--gray-600);border-radius: var(--radius-full);text-decoration: none;font-size: 0.875rem;white-space: nowrap;border: 1px solid var(--gray-200); }

.nav-categories a:hover {background: var(--primary-light);color: white;border-color: var(--primary-light); }

/* BARRA DE ESTADOS */
.nav-states {background: white;border-bottom: 1px solid #eee;padding: 0.5rem 2rem; }

.states-container {max-width: 1400px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 0.5rem;align-items: center; }

.state-link {padding: 0.4rem 0.8rem;background: #14598A;color: #fff;border-radius: 10px;font-size: 0.85rem;text-decoration: none;white-space: nowrap; }

.state-link:hover {background: var(--primary);color: white; }

/* BREADCRUMB */
.breadcrumb {background: white;border-bottom: 1px solid #eee;overflow: hidden; }

.breadcrumb ul {max-width: 1400px;margin: 0 auto;padding: 1rem 2rem;display: flex;gap: 0.5rem;list-style: none;white-space: nowrap; }

.breadcrumb li:not(:last-child)::after {content: "›";margin-left: 0.5rem;color: var(--gray-400); }

.breadcrumb a {color: var(--gray-600);text-decoration: none; }

.breadcrumb a:hover {color: var(--primary); }

.breadcrumb li:last-child {color: var(--primary);font-weight: 600; }

/* MAIN CONTENT */
main {max-width: 1400px;margin: 0 auto;padding: 2rem; }

/* HERO SECTION */
.hero-section {margin-bottom: 2rem; }

.custom-h1 {font-size: 1.9rem;font-weight: bold;color: linear-gradient(135deg, var(--primary), var(--secondary));padding: 1.5rem; margin-bottom: 1rem;text-align: center; }

.custom-h2 {background: rgba(0, 0, 0, 0.6);font-size: 1.2rem;font-weight: 500;color: white;padding: 1rem;border-radius: var(--radius-md);text-align: center; }

/* FORM CONTAINER */
.form-container {max-width: 500px;margin: 2rem auto;background: white;border-radius: var(--radius-xl);box-shadow: var(--shadow-lg);overflow: hidden; }

.form-header {background: linear-gradient(135deg, var(--primary), var(--secondary));padding: 1.5rem;text-align: center; }

.form-header h2 {color: white;font-size: 1.5rem;margin: 0; }

.form-header p {color: rgba(255, 255, 255, 0.8);font-size: 0.875rem;margin-top: 0.5rem; }

.form-body {padding: 2rem; }

.form-group {margin-bottom: 1.5rem; }

.form-group label {display: block;margin-bottom: 0.5rem;font-weight: 600;color: var(--gray-700); }

.form-group input {width: 100%;padding: 0.75rem 1rem;border: 2px solid var(--gray-200);border-radius: var(--radius-md);font-size: 1rem;transition: all 0.3s; }

.form-group input:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(226, 29, 108, 0.1); }

/* FORM ROW - DDD + TELEFONE */
.form-row {
    display: flex;
    gap: 0.75rem;
    width: 100%;
    margin-bottom: 1.5rem;
}

.form-row-phone {
    align-items: flex-end;
}

.form-row-phone .form-group {
    margin-bottom: 0;
}

.form-group-ddd {
    flex: 0 0 92px;
}

.form-group-phone {
    flex: 1 1 auto;
    min-width: 0;
}

.form-group select,
.form-group input,
.form-control {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-md);
    font-size: 1rem;
    transition: all 0.3s;
    background: white;
    color: var(--gray-800);
}

.form-group select:focus,
.form-group input:focus,
.form-control:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(226, 29, 108, 0.1);
}

.field-status {
    display: block;
    text-align: center;
    color: red;
    background: none;
    margin-top: 6px;
}

.terms-box {
    margin: 1rem 0;
}

.checkbox-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.checkbox-label input {
    width: auto;
    flex: 0 0 auto;
}

@media (max-width: 600px) {
    .form-row {
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .form-group-ddd {
        flex: 0 0 78px;
    }

    .form-group select,
    .form-group input,
    .form-control {
        padding: 0.65rem 0.75rem;
        font-size: 0.9rem;
    }
}

/* SOCIAL LOGIN */
.social-login {text-align: center;margin-bottom: 1.5rem; }

.social-login p {color: var(--gray-500);margin-bottom: 0.75rem;font-size: 0.875rem; }

.btn-social {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.6rem 1.2rem;border: none;border-radius: var(--radius-full);font-weight: 600;cursor: pointer;transition: all 0.3s;margin: 0 0.25rem; }

.btn-google {background: #992619;color: white; }

.btn-google:hover {background: #c23321;transform: translateY(-2px); }

.btn-facebook {background: #4267B2;color: white; }

.btn-facebook:hover {background: #365899;transform: translateY(-2px); }

.btn-apple {background: #000;color: white; }

.btn-apple:hover {background: #333;transform: translateY(-2px); }

.show-password {display: flex;align-items: center;gap: 0.5rem;margin: 1rem 0; }

.show-password input {width: auto; }

.btn-submit {width: 100%;padding: 0.875rem;background: var(--primary);color: white;border: none;border-radius: var(--radius-md);font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.3s; }

.btn-submit:hover {background: var(--primary-dark);transform: translateY(-2px);box-shadow: var(--shadow-md); }

.login-links {text-align: center;margin-top: 1.5rem;padding-top: 1.5rem;border-top: 1px solid var(--gray-200); }

.login-links a {text-decoration: none;font-weight: 600; }

.login-links a:hover {text-decoration: underline; }

.status-message {text-align: center;padding: 0.75rem;border-radius: var(--radius-md);margin-bottom: 1rem; }

.status-error {background: #fee2e2;color: var(--error); }

.status-success {background: #d1fae5;color: var(--success); }

/* FOOTER */
.social-icons {display: flex;gap: 1rem;margin-top: 1rem; }

.social-icons a {width: 40px;height: 40px;background: var(--gray-800);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.2s; }

.social-icons a:hover {background: var(--primary);transform: translateY(-2px); }

.footer-bottom {max-width: 1400px;margin: 0 auto;padding-top: 2rem;border-top: 1px solid var(--gray-800);text-align: center;color: var(--gray-500);font-size: 0.875rem; }

/* MOBILE MENU */
.mobile-menu-toggle {width: 40px;height: 40px;background: transparent;border: none;cursor: pointer;display: none;flex-direction: column;gap: 6px;padding: 8px; }

.mobile-menu-toggle span {width: 100%;height: 2px;background: #333;transition: all 0.3s ease;border-radius: 3px; }

.mobile-menu-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px); }

.mobile-menu-toggle.active span:nth-child(2) {opacity: 0;transform: translateX(-20px); }

.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}


/* MOBILE MENU OVERLAY */
.mobile-menu {position: fixed;top: 70px;left: 0;width: 100%;height: auto;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding: 20px 0;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);z-index: 1000;display: none;transform: translateY(-10px);opacity: 0;transition: opacity 0.3s ease, transform 0.3s ease; }

.mobile-menu.active {display: block;transform: translateY(0);opacity: 1;animation: slideDown 0.3s ease-out; }

@keyframes slideDown {from { opacity: 0; transform: translateY(-10px); }to { opacity: 1; transform: translateY(0); } }

.mobile-menu-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999; }

.mobile-menu-overlay.active {display: block; }

.mobile-menu nav {height: 100%;overflow-y: auto;padding: 20px; }

.mobile-menu ul {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 10px; }

.mobile-menu a {display: block;padding: 15px 25px;color: white;text-decoration: none;font-size: 18px;font-weight: 500;border-radius: 10px;transition: all 0.3s ease;position: relative;overflow: hidden; }

.mobile-menu a:hover {background: rgba(255, 255, 255, 0.15);transform: translateX(10px);padding-left: 35px; }

/* PAGE COUNTER */
.page-counter {background: #f5f5f5;border-radius: 30px;padding: 0.2rem 0.5rem; }

.page-counter iframe {height: 26px !important; }

/* UTILITÁRIOS */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.my-5 { margin: 20px 0; }
.py-3 { padding: 15px 0; }
.btn-block { display: block; width: 100%; }
.btn-md { font-size: 16px; }
.text-danger { color: #dc3545; font-weight: bold; }

/* FONT AWESOME */
@font-face {font-family: 'Font Awesome 6 Brands';font-style: normal;font-weight: 400;font-display: swap;src: url('/app3/front/assets/fontawesome/webfonts/fa-brands-400.woff2') format('woff2'); }

@font-face {font-family: 'Font Awesome 6 Free';font-style: normal;font-weight: 900;font-display: swap;src: url('/app3/front/assets/fontawesome/webfonts/fa-solid-900.woff2') format('woff2'); }

.fab { font-family: 'Font Awesome 6 Brands'; }
.fas { font-family: 'Font Awesome 6 Free'; font-weight: 900; }

.fa-whatsapp:before { content: "\f232"; }
.fa-facebook-messenger:before { content: "\f39f"; }
.fa-telegram:before { content: "\f2c6"; }
.fa-phone:before { content: "\f095"; }

/* RESPONSIVIDADE */
@media (max-width: 768px) {.header-container {flex-wrap: wrap;padding: 0.75rem 1rem;}  .logo svg {display: block;}.logo-text {display: none;}.btn {padding: 0.4rem;width: 40px;height: 40px;}.btn .btn-text {display: none;}.btn svg {margin-right: 0;}.page-counter {transform: scale(0.8);}.nav-main {padding: 0.5rem 1rem;}.nav-container {flex-direction: column;align-items: flex-start;gap: 0.5rem;}.nav-genders {width: 100%;}.nav-categories {width: 100%;padding-bottom: 0.3rem;}.nav-states {padding: 0.5rem 1rem;}.states-container {flex-wrap: nowrap;overflow-x: auto;gap: 0.4rem;scrollbar-width: none;}.states-container::-webkit-scrollbar {display: none;}.breadcrumb ul {overflow-x: auto;padding: 0.8rem 1rem;gap: 0.3rem;scrollbar-width: none;}.breadcrumb ul::-webkit-scrollbar {display: none;}.breadcrumb li {font-size: 0.85rem;}main {padding: 1rem;}.custom-h1 {font-size: 1.25rem;padding: 1rem;}.form-body {padding: 1.5rem;}.footer-container {grid-template-columns: 1fr;text-align: center;}.btn-social {margin-bottom: 0.5rem;}.mobile-menu-toggle {display: flex;}.search-modal-content {width: 95%;max-height: 90vh;}.search-modal h3 {padding: 16px;font-size: 20px;}.search-modal form {padding: 16px;}h2 {font-size: 0.8em;color: #000000;}.hero p {font-size: 0.8em;}.masonry-section {padding: 0.2rem 0.7rem;}.nav-categories a {padding: 0.5rem 0.9rem;}.gender-link {padding: 0.4rem 0.9rem;} }

@media (min-width: 769px) {.mobile-menu-toggle {display: none;}.mobile-menu {display: none !important;}.mobile-menu-overlay {display: none !important;}.logo svg {display: none;}.logo-text {display: inline;}.header-container {display: flex;align-items: center;gap: 2rem;}.header-top {width: auto;margin-bottom: 0;}.header-search {flex: 1;} }

@media (max-width: 600px) {.nav-container {max-width: auto; padding: 0.05rem 0.2rem; gap: 1rem;} .category-text, .gender-text {display: none;} .nav-categories {width: auto!important; } .nav-genders {width: auto!important; } .nav-container {flex-direction: row-reverse!important;} .custom-h1 {padding: 5px!important; font-size: 1.05rem!important; margin-bottom: 0.1rem;} 	.seo-section { padding: 1rem 0.5rem!important;} .related-links {padding: 0.8rem!important;} .custom-h2 {font-size: 0.8rem;font-weight: 250; padding: 0.1rem; background: none; color: rgba(0, 0, 0, 0.6); border-radius: none;} .form-header { padding: 0.5rem;} .form-header h2 {font-size: 0.8rem;} .form-body {padding: 0.5rem;} .social-login {margin-bottom: 0.5rem;} .form-group {margin-bottom: 0.5rem;} .form-container {margin: 0.2rem auto;}.hero-section {margin-bottom: 0.4rem;}}

/* GRID COLUMNS */
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6 {float: left;width: 50%;padding: 0 5px;box-sizing: border-box; }

@media (max-width: 768px) {.col-xs-6 {width: 100%;margin: 5px 0;} }

.fa-whatsapp {margin-right: 5px; }


/*
|--------------------------------------------------------------------------
| GUIALUX - CONTA - TEMPLATES COMPARTILHADOS
|--------------------------------------------------------------------------
| Rotas: /conta/, /conta/conta-cadastrar/, /conta/conta-senha/
| Estilos apenas de apresentacao; sem regras de login ou persistencia.
| Este bloco vem depois dos estilos legados compartilhados acima.
|--------------------------------------------------------------------------
*/

/* BASE E LAYOUT */
body { background: #f4f5fa; }
.gla-auth-main {max-width: 1320px; padding: 0 24px 72px; margin: 0 auto;}
.gla-auth-main .breadcrumb {background: transparent; border-bottom: 0; margin: 0;}
.gla-auth-main .breadcrumb .container {max-width: none; padding: 0;}
.gla-auth-main .breadcrumb ul {padding: 22px 4px 16px; max-width: none; flex-wrap: wrap;}
.gla-auth-main .breadcrumb a {color: #657087; font-size: 13px;}
.gla-auth-main .breadcrumb li:last-child {color: #a91458;}
.gla-auth-shell {display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); align-items: stretch; min-height: 650px; border: 1px solid #e6e7f1; border-radius: 27px; background: #fff; box-shadow: 0 20px 70px rgba(26,30,64,.08); overflow: hidden;}
.gla-auth-main a:focus-visible,.gla-auth-main button:focus-visible,.gla-auth-main input:focus-visible,.gla-auth-main select:focus-visible {outline: 3px solid #9d84e9; outline-offset: 3px;}

/* APRESENTACAO */
.gla-auth-showcase {position: relative; isolation: isolate; display: flex; flex-direction: column; overflow: hidden; min-width: 0; padding: 38px 38px 34px; background: linear-gradient(149deg, #24244e 0%, #36255b 55%, #701b65 100%); color: #fff;}
.gla-auth-showcase::before,.gla-auth-showcase::after {content: ''; position: absolute; pointer-events: none; border-radius: 100%; z-index: -1;}
.gla-auth-showcase::before {width: 470px; height: 470px; right: -255px; top: -185px; border: 78px solid rgba(255,255,255,.055);}
.gla-auth-showcase::after {width: 375px; height: 375px; bottom: -200px; left: -205px; background: rgba(235,59,135,.13); filter: blur(2px);}
.gla-auth-brand {display: flex; gap: 13px; align-items: center;}
.gla-auth-brand .gla-auth-mark {display: grid; place-items:center; width: 47px; height: 47px; color: #fff; border: 1px solid rgba(255,255,255,.23); border-radius: 15px; background: rgba(255,255,255,.11); flex-shrink: 0;}
.gla-auth-mark svg {width: 26px; height: 26px;}
.gla-auth-brand strong {display: block; font-size: 19px; line-height: 1.2; letter-spacing: -.4px; color: #fff;}
.gla-auth-brand small {display: block; font-size: 11px; margin-top: 3px; letter-spacing: .07em; text-transform: uppercase; color: #cac5e2;}
.gla-auth-showcase-content {max-width: 450px; margin: auto 0; padding: 58px 0 64px;}
.gla-auth-eyebrow,.gla-auth-card-eyebrow {display: inline-flex; align-items: center; width: fit-content; font-size: 11px; letter-spacing: .13em; font-weight: 800;}
.gla-auth-eyebrow {color: #ffd0e4;}
.gla-auth-showcase h1 {color: #fff; font-family: 'Poppins','Inter',system-ui,sans-serif; font-weight: 700; font-size: clamp(23px, 3.2vw, 27px); line-height: 1.16; letter-spacing: -.036em; margin: 18px 0;}
.gla-auth-showcase p {color: #e5dff4; font-size: 15px; line-height: 1.78; max-width: 420px;}
.gla-auth-benefits {list-style: none; padding: 0; margin: 31px 0 0; display: grid; gap: 17px;}
.gla-auth-benefits li {display: flex; align-items: center; gap: 12px; color: #f2ecff; font-size: 14px; line-height: 1.4;}
.gla-auth-benefits li span {display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; color: #fff; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.16); font-size: 15px; font-weight: 800; flex-shrink: 0;}
.gla-auth-side-footer {display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.62); font-size: 12px; letter-spacing:.035em;}
.gla-auth-side-dot {width: 7px; height: 7px; border-radius: 50%; background: #fa8cbd;}

/* CARTAO DE FORMULARIO */
.gla-auth-card {display: flex; flex-direction: column; min-width: 0; padding: clamp(25px,4vw,60px); padding-bottom: 26px; background: #fff;}
.gla-auth-card-header {max-width: 550px;}
.gla-auth-card-eyebrow {color: #bd1d66;}
.gla-auth-card-header h2 {color: #242640; font-weight: 800; font-size: clamp(19px, 2.2vw, 23px); letter-spacing: -.035em; line-height: 1.25; margin: 12px 0 10px;}
.gla-auth-card-header p {color: #50586a; font-size: 14px; line-height: 1.6;}
.gla-auth-tabs {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; margin: 26px 0 30px; padding: 5px; background: #f5f4f8; border: 1px solid #efedf4; border-radius: 13px;}
.gla-auth-tabs a {display: flex; min-width: 0; align-items: center; justify-content: center; text-align:center; padding: 10px 4px; border-radius: 9px; color: #454b5d; font-size: 13px; font-weight: 700; text-decoration: none; transition: .2s ease;}
.gla-auth-tabs a:hover {color: #aa205e; background: #fff4f8;}
.gla-auth-tabs a.is-active {color: #a91d60; background: #fff; box-shadow: 0 2px 8px rgba(29,29,64,.09);}
.gla-auth-card-body {flex: 1; min-width:0;}
.gla-auth-card-body form {margin: 0;}
.gla-auth-card-body .form-group {margin-bottom: 20px;}
.gla-auth-card-body .form-group label {color: #36394d; font-size: 13px; line-height: 1.5; font-weight: 700; margin-bottom: 8px;}
.gla-auth-card-body .form-group label i {color: #c13e79; margin-right: 4px;}
.gla-auth-card-body .form-group input:not([type="checkbox"]),
.gla-auth-card-body .form-group select,
.gla-auth-card-body .form-group .form-control {display: block; width: 100%; max-width: 100%; min-width: 0; height: 49px; padding: 0 14px; border: 1.5px solid #e2e3eb; border-radius: 11px; outline:none; box-sizing: border-box; background: #fff; color: #303244; font-size: 14px; line-height: normal; transition: border-color .2s,box-shadow .2s; box-shadow: none;}
.gla-auth-card-body .form-group input:focus,
.gla-auth-card-body .form-group select:focus {border-color: #cb3b84; box-shadow: 0 0 0 4px rgba(226,29,108,.075);}
.gla-auth-card-body input::placeholder {color: #9ea2b1; opacity: 1;}
.gla-auth-card-body .show-password {display:flex; align-items:center; gap: 9px; margin: 8px 0 20px; color: #696c7d; font-size: 13px;}
.gla-auth-card-body .show-password input[type="checkbox"] {width: 16px; height: 16px; accent-color: #ca206c;}
.gla-auth-card-body .show-password label {cursor: pointer; font-size: 13px; color: #696c7d;}
.gla-auth-card-body .btn-submit {min-height: 49px; padding: 12px 20px; color: #fff; background: linear-gradient(105deg,#e32473,#ae266e); border: 0; border-radius: 11px; font-size: 14px; letter-spacing: .015em; font-weight: 800; box-shadow: 0 6px 15px rgba(199,29,105,.19);}
.gla-auth-card-body .btn-submit:hover {background: linear-gradient(105deg,#c81864,#90245b); box-shadow: 0 9px 18px rgba(199,29,105,.26); transform: translateY(-1px);}
.gla-auth-card-body .btn-submit:disabled {opacity: .6; cursor: not-allowed; transform: none;}
.gla-auth-card-body .login-links {display: flex; justify-content: center; align-items: center; gap: 9px; flex-wrap: wrap; margin: 18px 0 0; padding: 17px 0 0; border-top: 1px solid #f0f0f5; font-size: 12px; color: #adb0bd;}
.gla-auth-card-body .login-links a {color: #af1d65; font-size: 12px; font-weight: 700; text-decoration: none;}
.gla-auth-card-body .login-links a:hover {text-decoration: underline;}
.gla-auth-card-body .status-message:empty,.gla-auth-card-body .field-status:empty {display: none;}
.gla-auth-card-body .status-message:not(:empty) {padding: 10px 12px; background: #fff9fb; color: #a81759; border: 1px solid #f5dce8; border-radius: 10px; margin: 9px 0 16px; font-size: 13px;}
.gla-auth-card-body .field-status {display: block; margin: 5px 0 0; font-size: 12px;}

/* TELEFONES, TERMOS E CAMPOS DO CADASTRO */
.gla-auth-card-body .form-row {display: flex; flex-wrap: wrap; gap: 12px;}
.gla-auth-card-body .form-row > * {min-width: 0;}
.gla-auth-card-body .form-group-ddd {width: 91px; flex: 0 0 91px;}
.gla-auth-card-body .form-group-phone {flex: 1 1 185px;}
.gla-auth-card-body .terms-box {margin: 20px 0; padding: 13px 15px; border: 1px solid #e9e7f0; border-radius: 11px; background: #faf9fc;}
.gla-auth-card-body .terms-box label {display:flex; align-items:center; gap: 11px; margin: 0; font-size:13px; color: #5d6174;}
.gla-auth-card-body .terms-box input {width: 17px; height:17px; accent-color:#c5216c; flex-shrink: 0;}
.gla-auth-card-body .terms-box a {color:#af1c64;}

/* LOGIN SOCIAL E RODAPE DO CARTAO */
.gla-auth-alternatives {margin: 23px 0 8px;}
.gla-auth-alternatives .social-login {padding-top: 16px; margin: 0; border-top: 1px solid #ececf2; text-align: center;}
.gla-auth-alternatives .social-login h3 {color: #50586a; font-size: 14px; font-weight: 600; margin: 0 0 15px;}
.gla-auth-alternatives .btn-social {border: 1px solid #e8e9f0; background: #fff; color: #434659; min-height: 40px; padding: 9px 13px; border-radius: 10px; font-size: 12px; font-weight: 700; margin: 0 2px 6px; box-shadow: none;}
.gla-auth-alternatives .btn-social i {font-size: 15px;}
.gla-auth-alternatives .btn-social:hover {color: #b6206b; border-color: #e3b6cd; background: #fff8fb; transform: none;}
.gla-auth-card-footer {padding: 15px 0 0; text-align: center; font-size: 13px; color: #50586a; margin-top: auto;}
.gla-auth-card-footer a {color:#af1d65; font-weight: 800; text-decoration: none; margin-left: 4px;}
.gla-auth-card-footer a:hover {text-decoration: underline;}

/* ADAPTACAO A TELAS INTERMEDIARIAS E DISPOSITIVOS MOVEIS */
@media (max-width: 1010px) {
 .gla-auth-main {padding: 0 16px 52px;}
 .gla-auth-shell {grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);}
 .gla-auth-showcase {padding: 28px 25px;}
 .gla-auth-card {padding: 32px 27px 23px;}
 .gla-auth-showcase h1 {font-size: 33px;}
}
@media (max-width: 780px) {
 .gla-auth-main {padding: 0 14px 42px;}
 .gla-auth-main .breadcrumb ul {padding: 13px 2px;}
 .gla-auth-shell {display: flex; flex-direction: column; border-radius: 21px; min-height:0;}
 .gla-auth-showcase {padding: 24px 26px 19px;}
 .gla-auth-showcase-content {padding: 25px 0 3px;}
 .gla-auth-showcase h1 {font-size: 28px; margin: 10px 0;}
 .gla-auth-showcase p {font-size: 13px; line-height: 1.55;}
 .gla-auth-benefits,.gla-auth-side-footer {display:none;}
 .gla-auth-card {padding: 27px 27px 22px;}
 .gla-auth-card-header h2 {font-size: 26px;}
 .gla-auth-tabs {margin: 20px 0 24px;}
}
@media (max-width: 480px) {
 .gla-auth-main {padding: 0 9px 34px;}
 .gla-auth-shell {border-radius: 18px;}
 .gla-auth-showcase {padding: 20px 18px;}
 .gla-auth-showcase .gla-auth-mark {width:39px;height:39px;border-radius:12px;}
 .gla-auth-brand strong {font-size:16px;}
 .gla-auth-showcase-content {padding: 20px 0 0;}
 .gla-auth-showcase h1 {font-size: 24px; line-height:1.18;}
 .gla-auth-showcase p {font-size:12px;}
 .gla-auth-card {padding: 23px 17px 20px;}
 .gla-auth-card-header h2 {font-size:24px;}
 .gla-auth-tabs {gap:3px;}
 .gla-auth-tabs a {font-size:12px; padding:10px 2px;}
 .gla-auth-alternatives .btn-social {margin-bottom: 8px;}
 .gla-auth-card-body .form-row {gap: 8px;}
 .gla-auth-card-body .form-group-ddd {width:75px; flex-basis:75px;}
 .gla-auth-card-body .form-group-phone {flex:1 1 140px;}
}
@media (prefers-reduced-motion:reduce) {
 .gla-auth-main * {transition:none !important;scroll-behavior:auto !important;}
}

/*
|--------------------------------------------------------------------------
| LOGIN - SENHA MASCARADA SEM type="password"
|--------------------------------------------------------------------------
| Preserva o comportamento validado na versao original do GuiaLux.
| O botao "Mostrar senha" alterna apenas a classe CSS.
|--------------------------------------------------------------------------
*/
.senha-texto-segura {
    -webkit-text-security: disc;
}
