/*
 Theme Name:   Divi Child – Sazón de la Casa
 Theme URI:    https://sazondelacasa.com
 Description:  Child theme for Divi. Safe place for custom CSS/JS/PHP.
 Author:       Ángel Rodríguez Ortega
 Author URI:   https://sazondelacasa.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child-sazon
*/

/* 👇 Añade aquí tu CSS personalizado */

/* ===== Sazón de la Casa – Starter CSS ===== */
:root{
  --color-primary:#0f6ea6;   /* azul mar (cámbialo cuando definamos marca) */
  --color-accent:#ff7043;    /* coral/apetito */
  --color-dark:#102a43;
  --color-light:#f7fafc;
  --radius:16px;
}

body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  line-height:1.6;
  color:var(--color-dark);
}

h1,h2,h3{ line-height:1.15; letter-spacing:.2px; margin:0 0 .4em }
a{ color:var(--color-primary); text-decoration:none }
a:hover{ color:var(--color-accent); text-decoration:underline }

/* Contenedor más “fluido” pero controlado */
.et_pb_row{ width:min(90%, 1200px) }

/* Header fijo con sombra suave */
.et-fixed-header{ box-shadow:0 6px 24px rgba(0,0,0,.08) }

/* Botón Divi estilizado */
.et_pb_button{
  background:var(--color-primary)!important; color:#fff!important; border:0; 
  border-radius:9999px; padding:.75rem 1.25rem; transition:.2s ease-in-out
}
.et_pb_button:hover{ background:var(--color-accent)!important; transform:translateY(-1px) }

/* Utilidades para cartas de platos */
.card{
  background:#fff; border-radius:var(--radius); padding:1rem; 
  box-shadow:0 6px 20px rgba(0,0,0,.06)
}
.card img{ border-radius:calc(var(--radius) - 4px); display:block }

/* Grid responsivo para el menú */
.grid-2{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:1.25rem }

/* Etiqueta de precio */
.price-pill{
  display:inline-block; background:var(--color-accent); color:#fff; 
  padding:.25rem .5rem; border-radius:9999px; font-weight:600
}

/* Mejoras de foco (accesibilidad) */
:focus{ outline:2px solid var(--color-accent); outline-offset:2px }
@media (max-width:980px){ .et_pb_row{ width:94% } }

/* reduce altura del header y alinea */
#main-header{ padding:10px 0 }
.et-fixed-header{ box-shadow:0 8px 24px rgba(0,0,0,.06) }