/*
 Theme Name:   Carlos Eats
 Version:      10.0.0 (FINAL)
*/

:root {
    --bg-color: #fcfcfc; --text-color: #3e3e3e; --beige-light: #F5F1E6; --beige-medium: #E6DDC4;
    --beige-dark: #B0A08C; --accent-gold: #C5A059; --contrast-text: #5C5346; --white: #ffffff;
    --shadow-soft: 0 10px 30px -10px rgba(0,0,0,0.08);
    --font-heading: 'Playfair Display', serif; --font-body: 'Inter', sans-serif;
}

body { font-family: var(--font-body); background: var(--bg-color); color: var(--text-color); margin: 0; line-height: 1.8; }
h1, h2, h3 { font-family: var(--font-heading); color: #1a1a1a; }
a { text-decoration: none; color: var(--beige-dark); transition: 0.3s; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }

/* HEADER Y BUSCADOR A LA DERECHA */
.ce-main-nav { background: rgba(255,255,255,0.98); position: sticky; top: 0; z-index: 50; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 0.5rem 0; }
.ce-nav-container { display: flex; justify-content: space-between; align-items: center; }
.ce-nav-brand { display: flex; align-items: center; gap: 1rem; font-size: 1.5rem; font-weight: 700; flex-shrink: 0; }
#site-logo { height: 60px; width: 60px; border-radius: 50%; object-fit: cover; border: 2px solid var(--beige-medium); }

.ce-nav-menu { display: flex; gap: 1rem; align-items: center; flex-grow: 1; justify-content: flex-end; }
.ce-nav-button { border: 1px solid var(--beige-dark); padding: 0.4rem 1rem; font-size: 0.8rem; text-transform: uppercase; white-space: nowrap; }
.ce-nav-button-primary { background: var(--beige-medium); border-color: var(--beige-medium); }

/* ESTILOS DEL BUSCADOR */
.search-form { display: flex; border-bottom: 1px solid var(--beige-dark); margin-left: 2rem; }
.search-field { border: none; background: transparent; padding: 0.4rem; width: 120px; outline: none; font-family: var(--font-body); }
.search-submit { background: transparent; border: none; color: var(--beige-dark); font-weight: 700; cursor: pointer; font-size: 0.8rem; text-transform: uppercase; }

/* --- ESTILOS DE RECETA (LA MAGIA) --- */

/* Checklist (Ingredientes) - Solo dentro de .ce-check-list */
.ce-check-list ul { list-style: none !important; padding: 0; margin: 2rem 0; }
.ce-check-list ul li { padding: 0.8rem 0; border-bottom: 1px solid #eee; display: flex; align-items: center; font-size: 1.1rem; }
.ce-check-list ul li::before { content: '☐'; font-size: 1.5rem; color: var(--accent-gold); margin-right: 1rem; font-weight: bold; line-height: 1; }

/* Timeline (Pasos) - Solo dentro de .ce-timeline-steps */
.ce-timeline-steps p { position: relative; padding-left: 4rem; margin-bottom: 2.5rem; font-size: 1.1rem; }
.ce-timeline-steps p::after { content: ''; position: absolute; left: 1.25rem; top: 2.5rem; bottom: -2.5rem; width: 2px; background: var(--beige-medium); }
.ce-timeline-steps p:last-of-type::after { display: none; }
.ce-timeline-steps p::before {
    counter-increment: step-counter; content: counter(step-counter); position: absolute; left: 0; top: 0;
    width: 2.5rem; height: 2.5rem; background: var(--accent-gold); color: white; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-weight: 700; font-family: var(--font-heading); z-index: 2;
}
.ce-timeline-steps h2 { counter-reset: step-counter; margin-top: 3rem; border-bottom: 2px solid var(--beige-medium); padding-bottom: 0.5rem; font-size: 1.8rem; }

/* TARJETAS Y GRID */
.ce-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; margin-top: 2rem; }
.ce-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-soft); transition: 0.4s; position: relative; }
.ce-card:hover { transform: translateY(-5px); }
.ce-card img { width: 100%; height: 240px; object-fit: cover; }
.ce-card-content { padding: 1.5rem; }
.ce-card-like-btn { position: absolute; top: 1rem; right: 1rem; background: rgba(255,255,255,0.9); border-radius: 50%; width: 40px; height: 40px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.ce-card-like-btn.liked .dashicons-heart { color: #e63946; }
.ce-card-read-more { color: var(--beige-dark); font-weight: 600; }

/* FILTROS Y EXTRAS */
.ce-filters-container { display: flex; justify-content: center; gap: 1rem; margin-bottom: 2rem; }
.ce-filter-btn { background: transparent; border: 1px solid var(--beige-dark); padding: 0.5rem 1.5rem; border-radius: 50px; cursor: pointer; }
.ce-filter-btn.active { background: var(--accent-gold); color: white; border-color: var(--accent-gold); }
.ce-badge { display: inline-block; padding: 0.2rem 0.6rem; border-radius: 4px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; margin-bottom: 0.5rem; background: #eee; }
.badge-facil { background: #dcfce7; color: #166534; } .badge-media { background: #fef9c3; color: #854d0e; } .badge-dificil { background: #fee2e2; color: #991b1b; }

.ce-main-footer { background: #222; color: #999; padding: 3rem 0; margin-top: 4rem; text-align: center; border-top: 4px solid var(--accent-gold); }
.ce-single-post-container .container { max-width: 800px; padding-top: 3rem; }
.ce-post-thumbnail img { width: 100%; border-radius: 12px; margin-bottom: 2rem; display: block; }
.ce-section-title { text-align: center; margin-bottom: 2rem; font-size: 2.5rem; }