/* GoodCold — Estilos de autenticación y precios */







/* ===== WRAPPER ===== */



.gc-auth-wrapper {



    display: flex;



    justify-content: center;



    align-items: flex-start;



    padding: 40px 20px 60px;



    min-height: 60vh;



}







.gc-auth-card {



    background: #fff;



    border: 1px solid #e2e8f0;



    border-radius: 12px;



    padding: 40px;



    width: 100%;



    max-width: 460px;



    box-shadow: 0 4px 24px rgba(0,0,0,0.07);



}







.gc-auth-card--wide {



    max-width: 620px;



}







/* ===== LOGO + TITULO ===== */



.gc-auth-logo {



    text-align: center;



    margin-bottom: 20px;



}







.gc-auth-logo img {



    max-height: 48px;



    max-width: 180px;



}







.gc-auth-title {



    font-size: 22px;



    font-weight: 700;



    color: #1a2340;



    text-align: center;



    margin: 0 0 6px;



}







.gc-auth-subtitle {



    font-size: 14px;



    color: #64748b;



    text-align: center;



    margin: 0 0 28px;



}







/* ===== ALERTAS ===== */



.gc-alert {



    padding: 12px 16px;



    border-radius: 8px;



    margin-bottom: 20px;



    font-size: 14px;



    line-height: 1.5;



}







.gc-alert-error {



    background: #fef2f2;



    border: 1px solid #fecaca;



    color: #b91c1c;



}







.gc-alert-success {



    background: #f0fdf4;



    border: 1px solid #bbf7d0;



    color: #166534;



}







/* ===== FORMULARIO ===== */



.gc-form {



    display: flex;



    flex-direction: column;



    gap: 18px;



}







.gc-form-grid {



    display: grid;



    grid-template-columns: 1fr 1fr;



    gap: 16px;



}







.gc-field {



    display: flex;



    flex-direction: column;



    gap: 6px;



}







.gc-field--full {



    grid-column: 1 / -1;



}







.gc-field label {



    font-size: 13px;



    font-weight: 600;



    color: #374151;



}







.gc-field input[type="text"],



.gc-field input[type="email"],



.gc-field input[type="tel"],



.gc-field input[type="password"],



.gc-field input[type="number"] {



    border: 1.5px solid #d1d5db;



    border-radius: 8px;



    padding: 10px 14px;



    font-size: 14px;



    color: #1a2340;



    width: 100%;



    transition: border-color 0.2s;



    outline: none;



    background: #fff;



}







.gc-field input:focus {



    border-color: #1d6fd8;



    box-shadow: 0 0 0 3px rgba(29,111,216,0.12);



}







.gc-field-hint {



    font-size: 12px;



    color: #94a3b8;



}







/* ===== PASSWORD TOGGLE ===== */



.gc-input-pass {



    position: relative;



}







.gc-input-pass input {



    padding-right: 42px;



}







.gc-toggle-pass {



    position: absolute;



    right: 10px;



    top: 50%;



    transform: translateY(-50%);



    background: none;



    border: none;



    cursor: pointer;



    font-size: 16px;



    padding: 4px;



    opacity: 0.5;



    transition: opacity 0.2s;



}







.gc-toggle-pass:hover { opacity: 1; }







/* ===== CHECKBOX + LINKS ===== */



.gc-field-inline {



    flex-direction: row;



    align-items: center;



    justify-content: space-between;



}







.gc-checkbox {



    display: flex;



    align-items: center;



    gap: 8px;



    font-size: 13px;



    color: #374151;



    cursor: pointer;



}







.gc-link-small {



    font-size: 13px;



    color: #1d6fd8;



    text-decoration: none;



}







.gc-link-small:hover { text-decoration: underline; }







/* ===== BOTONES ===== */



.gc-btn-primary {



    background: #1d6fd8;



    color: #fff;



    border: none;



    border-radius: 8px;



    padding: 12px 24px;



    font-size: 15px;



    font-weight: 600;



    cursor: pointer;



    width: 100%;



    transition: background 0.2s, transform 0.1s;



    letter-spacing: 0.01em;



}







.gc-btn-primary:hover { background: #1558b0; }



.gc-btn-primary:active { transform: scale(0.98); }







.gc-btn-secondary {



    display: inline-block;



    background: #f1f5f9;



    color: #374151;



    border: 1px solid #e2e8f0;



    border-radius: 8px;



    padding: 10px 20px;



    font-size: 14px;



    font-weight: 600;



    cursor: pointer;



    text-decoration: none;



    transition: background 0.2s;



}







.gc-btn-secondary:hover { background: #e2e8f0; }







/* ===== FOOTER AUTH ===== */



.gc-auth-footer {



    text-align: center;



    font-size: 14px;



    color: #64748b;



    margin-top: 24px;



}







.gc-auth-footer a {



    color: #1d6fd8;



    text-decoration: none;



    font-weight: 500;



}







.gc-auth-footer a:hover { text-decoration: underline; }







/* ===== PRECIO ===== */



.gc-precio {



    display: flex;



    flex-direction: column;



    gap: 2px;



}







.gc-precio-ars {



    font-size: 22px;



    font-weight: 700;



    color: #1a2340;



}







.gc-precio-usd {



    font-size: 13px;



    color: #64748b;



}







.gc-precio-consultar {



    font-size: 14px;



    color: #94a3b8;



    font-style: italic;



}







.gc-precio-bloque {



    margin: 12px 0;



}







.gc-precio-label {



    display: block;



    font-size: 12px;



    font-weight: 600;



    text-transform: uppercase;



    letter-spacing: 0.08em;



    color: #94a3b8;



    margin-bottom: 4px;



}







/* ===== PRECIO BLOQUEADO ===== */



.gc-precio-locked {



    display: flex;



    align-items: flex-start;



    gap: 10px;



    background: #f8fafc;



    border: 1.5px dashed #cbd5e1;



    border-radius: 8px;



    padding: 14px 16px;



    margin: 12px 0;



}







.gc-lock-icon { font-size: 18px; flex-shrink: 0; }







.gc-locked-text {



    display: flex;



    flex-direction: column;



    gap: 4px;



}







.gc-btn-login-precio {



    font-size: 14px;



    font-weight: 600;



    color: #1d6fd8;



    text-decoration: none;



}







.gc-btn-login-precio:hover { text-decoration: underline; }







.gc-registro-hint {



    font-size: 12px;



    color: #64748b;



}







.gc-registro-hint a {



    color: #1d6fd8;



    text-decoration: none;



}







.gc-registro-hint a:hover { text-decoration: underline; }







/* ===== MI CUENTA ===== */



.gc-cuenta-wrapper {



    max-width: 640px;



    margin: 0 auto;



    padding: 32px 20px;



}







.gc-cuenta-header {



    display: flex;



    align-items: flex-start;



    justify-content: space-between;



    margin-bottom: 32px;



    padding-bottom: 20px;



    border-bottom: 1px solid #e2e8f0;



}







.gc-cuenta-header h2 { font-size: 22px; margin: 0 0 4px; }



.gc-cuenta-header p  { font-size: 14px; color: #64748b; margin: 0; }







.gc-btn-logout {



    font-size: 13px;



    color: #dc2626;



    text-decoration: none;



    border: 1px solid #fecaca;



    padding: 6px 14px;



    border-radius: 6px;



    transition: background 0.2s;



}







.gc-btn-logout:hover { background: #fef2f2; }







.gc-cuenta-datos h3 { font-size: 15px; margin: 0 0 16px; }







.gc-dato-row {



    display: flex;



    gap: 10px;



    padding: 8px 0;



    border-bottom: 1px solid #f1f5f9;



    font-size: 14px;



}







.gc-dato-row span { color: #64748b; min-width: 80px; }







/* ===== RESPONSIVE ===== */



@media (max-width: 600px) {



    .gc-auth-card { padding: 28px 20px; }



    .gc-form-grid { grid-template-columns: 1fr; }



    .gc-field--full { grid-column: 1; }



    .gc-field-inline { flex-direction: column; align-items: flex-start; gap: 10px; }



}