/* ============================================================
   Casa Cordoba - adaptacion visual del cotizador al sitio
   Preparado el 24/08/2026. NO PUBLICADO: espera aprobacion.

   Que hace: le pone al cotizador el encabezado, el pie, la
   tipografia y la paleta del sitio, para que el cliente no
   sienta que se fue a otro lado.

   Que NO toca: el formulario, los pasos, los precios, la
   validacion por SMS ni ninguna logica. Solo apariencia.
   ============================================================ */

:root {
    --cc-navy:    #2d3d4a;
    --cc-dorado:  #c8a060;
    --cc-dorado-o:#a07840;
    --cc-crema:   #f0e8d8;
    --cc-borde:   #e0d8cc;
}

body { background: var(--cc-crema) !important; }

/* --- titulos: el sitio usa Cormorant Garamond ---
   Ojo con la jerarquia del cotizador, que viene invertida del original:
   usa h4 para el NOMBRE del plan ("Servicio Gama") y h3 para la DESCRIPCION
   ("El servicio economico para una despedida digna"). Si se aplica la serif a
   todos los h3, la descripcion queda en serif y el nombre en sans: al reves.
   Por eso las tarjetas de plan (.detalleservicio) se dejan enteras en Montserrat. */
h1, h2, h3 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    color: var(--cc-navy) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}
h2 { font-size: 34px !important; }

/* las tarjetas de plan mantienen la tipografia de texto */
.detalleservicio h1,
.detalleservicio h2,
.detalleservicio h3,
.detalleservicio h4 {
    font-family: Montserrat, sans-serif !important;
}

/* --- el cotizador usa el dorado viejo (#be976f); pasa al actual --- */
.formu { color: var(--cc-dorado-o) !important; }
[style*="be976f"], [style*="BE976F"] { color: var(--cc-dorado-o) !important; }

/* --- el logo propio se oculta: ya esta en el encabezado del sitio --- */
a > img[src*="logo.svg"] { display: none !important; }

/* --- mismo marco de 1200 px que el resto del sitio --- */
.container, .container-fluid { max-width: 1200px !important; }
.formulario, .box { border-color: var(--cc-borde) !important; }

/* --- se recorta el aire de mas sobre el icono --- */
.mt-10 { margin-top: 10px !important; }
img[src*="3.png"] { max-width: 76px !important; }

/* --- el pie viejo se reemplaza por el del sitio --- */
footer, .footer, [class*="footer"] { display: none !important; }

/* ============ encabezado y pie agregados ============ */
.cc-top {
    background: var(--cc-navy); color: #fff; font-size: 11px;
    padding: 9px max(24px, calc((100% - 1200px)/2));
    display: flex; gap: 22px; align-items: center;
    font-family: Montserrat, sans-serif;
}
.cc-top b { color: var(--cc-dorado); font-weight: 600; }
.cc-nav {
    background: #fff; border-bottom: .5px solid var(--cc-borde);
    padding: 14px max(24px, calc((100% - 1200px)/2));
    display: flex; align-items: center; justify-content: space-between;
}
.cc-nav-links {
    display: flex; gap: 26px; font-size: 12.5px;
    font-family: Montserrat, sans-serif; color: var(--cc-navy); align-items: center;
}
.cc-nav-links a { color: var(--cc-navy); text-decoration: none; }
.cc-nav-links a:hover { color: var(--cc-dorado-o); }
.cc-cta {
    background: var(--cc-navy); color: #fff !important;
    padding: 9px 20px; border-radius: 4px; font-weight: 600;
}
.cc-mig {
    padding: 11px max(24px, calc((100% - 1200px)/2));
    font-size: 11.5px; color: #8a7a68; background: var(--cc-crema);
    font-family: Montserrat, sans-serif;
}
.cc-mig a { color: var(--cc-dorado-o); text-decoration: none; }
.cc-pie {
    background: var(--cc-navy); color: #ccd7df; font-size: 11.5px;
    padding: 26px max(24px, calc((100% - 1200px)/2)); margin-top: 40px;
    font-family: Montserrat, sans-serif; display: block !important;
}
.cc-pie b { color: var(--cc-dorado); }

@media (max-width: 768px) {
    .cc-nav-links { gap: 12px; font-size: 11px; }
    .cc-top { flex-direction: column; gap: 4px; align-items: flex-start; }
}

/* ===== Campo del celular — 24/08/2026 =====
   Antes era type="number": aceptaba signos, notacion cientifica, y si el usuario
   apoyaba la rueda del mouse le cambiaba el numero sin darse cuenta. Ahora es
   type="tel". El prefijo +54 9 se dibuja pegado al campo para que se vea que esa
   parte ya esta resuelta y la persona no dude entre poner 15 o 11. */
#celular {
    font-size: 17px !important;
    letter-spacing: .5px;
    padding-left: 92px !important;
    height: 52px !important;
    border: 2px solid var(--cc-dorado) !important;
    border-radius: 4px !important;
    width: 100% !important;
    max-width: 440px;
    box-sizing: border-box;
}
#celular::placeholder { color: #b8b0a6; }
.cc-cel-wrap { position: relative; display: inline-block; width: 100%; max-width: 440px; }
.cc-cel-pre {
    position: absolute; left: 2px; top: 2px; bottom: 2px; width: 84px;
    background: var(--cc-crema); border-right: 2px solid var(--cc-dorado);
    display: flex; align-items: center; justify-content: center;
    font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 600;
    color: var(--cc-navy); pointer-events: none; border-radius: 2px 0 0 2px;
}
.cc-cel-ayuda {
    display: block; margin-top: 8px; font-family: Montserrat, sans-serif;
    font-size: 12px; color: #7a8590; line-height: 1.6;
}