/*
Theme Name: Cocinando con Bierka
Theme URI: https://cocinandoconbierka.com/
Author: Naerobi para Esdras Cuello
Description: Tema personalizado para Cocinando con Bierka — recetas latinoamericanas.
Version: 1.0.4
Text Domain: bierka
*/
:root{
  --naranja:#e8590c; --naranja-osc:#c9480a; --marron:#2a1a12; --marron-2:#4a2f1f;
  --crema:#fff9f2; --crema-2:#fdf1e3; --dorado:#f5a623; --blanco:#fff;
  --gris:#6b5d52; --verde:#2f9e44; --rojo:#e03131;
  --radio:14px; --sombra:0 6px 24px rgba(42,26,18,.10);
  --font-tit:'Fraunces',Georgia,serif; --font-txt:'Nunito Sans',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-txt);color:var(--marron);background:var(--crema);line-height:1.7;font-size:17px}
img{max-width:100%;height:auto}
a{color:var(--naranja-osc)}
h1,h2,h3{font-family:var(--font-tit);line-height:1.25;color:var(--marron)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
/* ============ CABECERA ============ */
.cb-topbar{background:var(--marron);color:#ffe8cc;font-size:.82rem;text-align:center;padding:7px 12px}
.cb-header{background:var(--blanco);box-shadow:0 2px 14px rgba(42,26,18,.08);position:sticky;top:0;z-index:50;border-bottom:3px solid var(--naranja)}
.cb-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:6px;padding-bottom:6px}
.cb-logo img{height:84px;width:auto;border-radius:12px}
.cb-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.cb-nav a{display:block;padding:10px 14px;text-decoration:none;color:var(--marron);font-weight:700;border-radius:10px;white-space:nowrap}
.cb-nav a:hover,.cb-nav .current-menu-item a{background:var(--crema-2);color:var(--naranja-osc)}
.cb-btn{display:inline-block;background:var(--naranja);color:#fff!important;text-decoration:none;font-weight:800;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;transition:transform .15s,background .15s}
.cb-btn:hover{background:var(--naranja-osc);transform:translateY(-1px)}
.cb-btn.chico{padding:9px 18px;font-size:.92rem}
.cb-menu-toggle{display:none;background:none;border:0;font-size:1.8rem;cursor:pointer;color:var(--marron)}
.cb-mobilenav{display:none}
/* ============ BANNER DE PORTADA ============ */
.cb-banner img{width:100%;display:block}
.cb-buscar{background:var(--crema);padding:30px 0 44px;text-align:center}
.cb-buscar h1{font-size:clamp(1.7rem,4.2vw,2.6rem);margin:0 0 10px}
.cb-buscar p.sub{color:var(--gris);max-width:640px;margin:0 auto 24px}
/* ============ HERO ============ */
.cb-hero{background:linear-gradient(135deg,var(--marron) 0%,#5a2f16 60%,#8a4416 100%);color:#fff;padding:64px 0 72px;position:relative;overflow:hidden}
.cb-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 80% 20%,rgba(245,166,35,.25),transparent 60%)}
.cb-hero .wrap{position:relative;z-index:1;text-align:center}
.cb-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem);margin:0 0 10px}
.cb-hero p.sub{color:#ffe8cc;font-size:1.15rem;max-width:640px;margin:0 auto 26px}
.cb-hero-logo img{width:150px;border-radius:50%;box-shadow:0 10px 40px rgba(0,0,0,.35);margin-bottom:18px;border:4px solid rgba(255,255,255,.25)}
.cb-search{display:flex;max-width:520px;margin:0 auto;background:#fff;border-radius:999px;padding:6px;box-shadow:var(--sombra)}
.cb-search input{flex:1;border:0;outline:0;padding:12px 18px;font-size:1rem;border-radius:999px;font-family:var(--font-txt)}
.cb-search button{border:0;background:var(--naranja);color:#fff;font-weight:800;border-radius:999px;padding:12px 26px;cursor:pointer;font-size:1rem}
.cb-search button:hover{background:var(--naranja-osc)}
/* ============ SECCIONES ============ */
.cb-seccion{padding:56px 0}
.cb-seccion.alt{background:var(--blanco)}
.cb-titulo-seccion{text-align:center;margin:0 0 8px;font-size:clamp(1.6rem,3.5vw,2.3rem)}
.cb-sub-seccion{text-align:center;color:var(--gris);max-width:640px;margin:0 auto 34px}
/* ============ TARJETAS DE RECETAS ============ */
.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px}
.cb-card{background:#fff;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}
.cb-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(42,26,18,.16)}
.cb-card img.foto{width:100%;height:190px;object-fit:cover;display:block}
.cb-card .cuerpo{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.cb-badge{display:inline-block;align-self:flex-start;background:var(--crema-2);color:var(--naranja-osc);font-size:.75rem;font-weight:800;padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}
.cb-card h3{margin:0;font-size:1.18rem;line-height:1.35}
.cb-card h3 a{color:var(--marron);text-decoration:none}
.cb-card h3 a:hover{color:var(--naranja-osc)}
.cb-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--gris);font-size:.86rem}
.cb-meta span::before{content:"• ";color:var(--dorado)}
.cb-meta span:first-child::before{content:""}
.cb-ver{text-decoration:none;font-weight:800;color:var(--naranja-osc)}
/* ============ FILTROS POR PAÍS ============ */
.cb-paises{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.cb-paises a{background:#fff;border:2px solid var(--crema-2);color:var(--marron);text-decoration:none;font-weight:700;padding:9px 20px;border-radius:999px;transition:all .15s}
.cb-paises a:hover,.cb-paises a.activo{background:var(--naranja);border-color:var(--naranja);color:#fff}
/* ============ FICHA DE RECETA ============ */
.cb-receta-hero{position:relative;background:var(--marron)}
.cb-receta-hero img{width:100%;max-height:480px;object-fit:cover;display:block;opacity:.92}
.cb-receta-titulo{position:relative;background:#fff;border-radius:20px 20px 0 0;margin-top:-40px;padding:34px 0 6px}
.cb-receta-titulo h1{margin:0 0 8px;font-size:clamp(1.8rem,4.5vw,2.8rem)}
.cb-receta-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:22px 0}
.cb-dato{background:var(--crema-2);border-radius:12px;padding:12px 8px;text-align:center}
.cb-dato .et{font-size:.75rem;text-transform:uppercase;letter-spacing:.6px;color:var(--gris);font-weight:800}
.cb-dato .val{font-weight:800;font-size:1.05rem;color:var(--marron)}
.cb-contenido h2{margin-top:38px;border-bottom:3px solid var(--crema-2);padding-bottom:8px}
.cb-contenido h3{color:var(--naranja-osc);margin-top:26px}
ul.cb-ingredientes{list-style:none;padding:0;display:grid;gap:8px}
ul.cb-ingredientes li{background:#fff;border:1px solid var(--crema-2);border-radius:10px;padding:10px 14px;position:relative;padding-left:38px}
ul.cb-ingredientes li::before{content:"✓";position:absolute;left:14px;color:var(--verde);font-weight:800}
ol.cb-pasos{counter-reset:paso;list-style:none;padding:0;display:grid;gap:14px}
ol.cb-pasos li{background:#fff;border:1px solid var(--crema-2);border-radius:12px;padding:16px 16px 16px 64px;position:relative;counter-increment:paso}
ol.cb-pasos li::before{content:counter(paso);position:absolute;left:16px;top:14px;width:34px;height:34px;background:var(--naranja);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-tit)}
.cb-tip{background:linear-gradient(135deg,#fff7e6,#ffefd6);border-left:5px solid var(--dorado);border-radius:0 14px 14px 0;padding:18px 22px;margin:34px 0}
.cb-tip h3{margin-top:0;color:var(--marron)}
/* ============ SOBRE BIERKA ============ */
.cb-bierka{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center}
.cb-bierka img{border-radius:50%;box-shadow:var(--sombra);border:6px solid #fff}
/* ============ SUSCRIPCIÓN ============ */
.cb-suscribe{background:linear-gradient(135deg,var(--naranja) 0%,var(--naranja-osc) 100%);color:#fff;border-radius:22px;padding:44px 34px;text-align:center;box-shadow:var(--sombra)}
.cb-suscribe h2{color:#fff;margin-top:0}
.cb-suscribe p{color:#ffe8cc}
.cb-suscribe form{display:flex;gap:10px;max-width:480px;margin:22px auto 0;flex-wrap:wrap;justify-content:center}
.cb-suscribe input[type=email]{flex:1;min-width:220px;border:0;border-radius:999px;padding:14px 20px;font-size:1rem;font-family:var(--font-txt);outline:0}
.cb-suscribe button{border:0;background:var(--marron);color:#fff;font-weight:800;border-radius:999px;padding:14px 30px;cursor:pointer;font-size:1rem}
.cb-suscribe button:hover{background:#000}
.cb-msg{margin-top:14px;font-weight:700}
/* ============ FORMULARIOS ============ */
.cb-form{max-width:620px;margin:0 auto;background:#fff;border-radius:var(--radio);box-shadow:var(--sombra);padding:34px}
.cb-form label{display:block;font-weight:700;margin:14px 0 6px}
.cb-form input[type=text],.cb-form input[type=email],.cb-form textarea{width:100%;border:2px solid var(--crema-2);border-radius:10px;padding:12px 14px;font-size:1rem;font-family:var(--font-txt)}
.cb-form input:focus,.cb-form textarea:focus{outline:0;border-color:var(--naranja)}
/* ============ PIE ============ */
.cb-footer{background:var(--marron);color:#e8d5c0;margin-top:0}
.cb-footer .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px;padding-top:48px;padding-bottom:28px}
.cb-footer h4{color:#fff;margin-top:0}
.cb-footer a{color:#e8d5c0;text-decoration:none}
.cb-footer a:hover{color:#fff;text-decoration:underline}
.cb-footer ul{list-style:none;padding:0;display:grid;gap:8px}
.cb-footer .logo-pie img{height:70px;border-radius:14px;margin-bottom:12px}
.cb-copy{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:18px;font-size:.85rem;color:#c9a98c}
/* ============ COOKIES ============ */
.cb-cookies{position:fixed;bottom:18px;left:18px;right:18px;max-width:520px;background:#fff;border-radius:16px;box-shadow:0 12px 44px rgba(0,0,0,.25);padding:22px;z-index:200;display:none}
.cb-cookies.visible{display:block}
.cb-cookies h4{margin:0 0 8px}
.cb-cookies p{font-size:.9rem;color:var(--gris);margin:0 0 14px}
.cb-cookies .botones{display:flex;gap:10px;flex-wrap:wrap}
/* ============ PAGINACIÓN / VARIOS ============ */
.cb-pagin{text-align:center;margin-top:36px}
.cb-vacio{text-align:center;color:var(--gris);padding:40px 0}
.cb-legal{max-width:800px}
.cb-legal h2{margin-top:30px}
@media(max-width:860px){
  .cb-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12)}
  .cb-nav.abierto{display:block}
  .cb-nav ul{flex-direction:column;padding:10px}
  .cb-menu-toggle{display:none}
  .cb-mobilenav{display:flex;gap:2px;justify-content:space-between;padding:4px 10px 10px;border-top:1px solid var(--crema-2);overflow-x:auto}
  .cb-mobilenav a{color:var(--marron);text-decoration:none;font-weight:700;font-size:.86rem;padding:6px 8px;border-radius:8px;white-space:nowrap}
  .cb-mobilenav a:hover{background:var(--crema-2);color:var(--naranja-osc)}
  .cb-bierka{grid-template-columns:1fr;text-align:center}
  .cb-bierka img{max-width:220px;margin:0 auto}
  .cb-footer .wrap{grid-template-columns:1fr}
  .cb-logo img{height:64px}
  .cb-header .cb-btn{display:inline-block;padding:8px 14px;font-size:.85rem}
}