/*
Theme Name:   Paraisord Child — Autumn Edition
Theme URI:    https://paraisord.net
Author:       Paraisord
Author URI:   https://paraisord.net
Template:     paraisord
Description:  Tema hijo de otoño para Paraisord. Aplica colores cálidos, fondo de montaña otoñal y hojas cayendo. No modifica el tema padre.
Version:      1.0.1
License:      GPL-2.0+
Text Domain:  paraisord-child
*/

/* =====================================================
   PARAISORD — AUTUMN EDITION 🍂
   Visual overlay only · cero cambios de PHP/layout
   Crema #fdf8f2 · Naranja quemado #d97706 · Dorado #f59e0b
   ===================================================== */

/* ── Variables de color de otoño (sobreescriben el tema padre) ── */
:root {
  --cyan:     #d97706;
  --cyan-dark:#b45309;
  --orange:   #f59e0b;
  --bg:       #faf6f0;
  --line:     #e8ddd0;
  --muted:    #7c6a5a;
  --shadow:   0 10px 30px rgba(82,44,10,.12);
}

body { background: #fdf8f2; }

/* ── Hero — Albor de otoño con minivan Sienna 2022 ── */
.pw-hero-bg {
  background:
    linear-gradient(120deg, rgba(50,25,8,.72), rgba(160,70,5,.48)),
    url('https://cdn.abacus.ai/images/ff8e98ca-2746-4814-aa0c-abc9ed4981eb.png')
    center/cover no-repeat;
}

/* Texto del hero — acento otoñal */
.pw-hero-text h1 { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.35); }

/* ── Tonos de secciones ──────────────────────────── */
.pw-why           { background: #f5ede0; }
.pw-rec-section   { background: #f5ede0; }
.pw-testi-section { background: linear-gradient(180deg, #fdf8f2, #f5ede0); }
.pw-faq-section   { background: #fdf8f2; }

/* ── Banda CTA ──────────────────────────────────── */
.pw-cta-band { background: linear-gradient(120deg, #78350f, #b45309); }

/* ── Botones ─────────────────────────────────────── */
.pw-btn-cta {
  background: var(--orange);
  box-shadow: 0 8px 22px rgba(245,158,11,.4);
}
.pw-btn-cta:hover {
  box-shadow: 0 12px 28px rgba(245,158,11,.55);
}

/* ── Tarjetas "por qué elegirnos" ───────────────── */
.pw-why-card:hover { border-top-color: var(--cyan); }

/* ── Menú de navegación ─────────────────────────── */
.pw-menu a:hover    { color: var(--cyan-dark); }
.pw-menu a:after    { background: var(--cyan); }
.pw-nav-close:hover { background: var(--cyan); box-shadow: 0 4px 12px rgba(217,119,6,.3); }

/* ── Iconos sociales del header ─────────────────── */
.pw-social-icons--header a:hover { background: #78350f; border-color: #78350f; }

/* ── Iconos sociales del footer ─────────────────── */
.pw-social-icons--footer a:hover { background: var(--cyan); }

/* ── Botón de cuenta (Sign In) ──────────────────── */
.pw-account-btn       { background: #78350f; border-color: #78350f; }
.pw-account-btn:hover { background: var(--cyan-dark); border-color: var(--cyan-dark); }

/* ── Switch de idioma ───────────────────────────── */
.pw-lang-switch--top .pw-lang-opt.active {
  background: #78350f;
  box-shadow: 0 2px 8px rgba(120,53,15,.35);
}

/* ── Links ───────────────────────────────────────── */
a { color: var(--cyan-dark); }
a:hover { color: #78350f; }

/* ── Formulario de reserva — bordes de foco ──────── */
input:focus, select:focus, textarea:focus {
  border-color: var(--cyan) !important;
  box-shadow: 0 0 0 3px rgba(217,119,6,.15) !important;
}

/* ── Paso activo del formulario ──────────────────── */
.pwb-step.active .pwb-step-num { background: var(--orange); }

/* ── Entrada de artículo / post ─────────────────── */
.pw-single-content h2          { border-bottom-color: var(--orange); }
.pw-single-content ol li       { border-left-color: var(--orange); }
.pw-single-content ol li::before { background: #78350f; }

/* ── Encabezados ─────────────────────────────────── */
h1, h2, h3, h4 { color: #3b1a08; }
.pw-section-title { color: #3b1a08; }

/* ── Tarjetas de destino ─────────────────────────── */
.pw-dest-card:hover { box-shadow: 0 16px 40px rgba(82,44,10,.22); }

/* ── Integración con el plugin de reseñas ───────── */
.pwr-section { background: linear-gradient(180deg, #fdf8f2, #f5ede0); }
.pwr-title   { color: #3b1a08; }
.pwr-btn-cta { background: var(--orange); box-shadow: 0 8px 22px rgba(245,158,11,.4); }
.pwr-star, .pwr-star-full { color: #f59e0b; }
.pwr-modal-header { background: linear-gradient(135deg, #78350f, #b45309); }

/* ── Responsive: ajustes móvil ───────────────────── */
@media (max-width: 820px) {
  .pw-nav { background: #fdf8f2; }
  .pw-menu--icons a { border-bottom-color: #e8ddd0; }
}