/*
Theme Name: Dakorely
Theme URI: https://dakorely.com
Author: Dakorely
Description: Tema a medida del portal de mascotas Dakorely. Portada tipo revista, colores de marca teal y ámbar, tipografía Poppins e Inter. Ligero, rápido y sin dependencias.
Version: 3.7
License: GNU General Public License v2 or later
Text Domain: dakorely
*/

:root{
  --dk-teal:#1D9E75; --dk-teal-dark:#0F6E56; --dk-teal-deep:#085041;
  --dk-cream:#E1F5EE; --dk-amber:#EF9F27; --dk-amber-dark:#412402;
  --dk-amber-soft:#FAEEDA; --dk-ink:#2C2C2A; --dk-gray:#5F5E5A;
  --dk-line:#E8E6E0; --dk-bg:#FDFCFA;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.7;color:var(--dk-ink);background:var(--dk-bg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--dk-teal-dark);text-decoration:none}
a:hover{color:var(--dk-teal)}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;font-weight:500;line-height:1.3;color:var(--dk-ink);margin:0 0 .5em}
.dk-wrap{max-width:1140px;margin:0 auto;padding:0 20px}

/* Cabecera */
.dk-header{background:#fff;border-bottom:1px solid var(--dk-line);position:sticky;top:0;z-index:50}
.dk-header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.dk-logo{display:flex;align-items:center;gap:9px;font-family:'Poppins',sans-serif;font-size:26px;font-weight:500;letter-spacing:.5px;color:var(--dk-ink)}
.dk-logo svg{width:34px;height:34px}
.dk-logo .o{color:var(--dk-teal)}
.dk-logo .dot{width:7px;height:7px;border-radius:50%;background:var(--dk-amber);margin-top:12px}
.dk-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.dk-nav a{font-size:15px;font-weight:500;color:var(--dk-gray)}
.dk-nav a:hover{color:var(--dk-teal-dark)}
.dk-nav .dk-btn a{background:var(--dk-amber);color:var(--dk-amber-dark);padding:8px 16px;border-radius:8px}
.dk-nav .dk-btn a:hover{background:#e0930f;color:var(--dk-amber-dark)}
.dk-burger,.dk-toggle{display:none}

/* Portada */
.dk-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start;padding:34px 0 26px;overflow:hidden}
.dk-hero-main{min-width:0}
.dk-hero-main .dk-thumb{border-radius:14px;overflow:hidden;background:var(--dk-cream);aspect-ratio:16/9}
.dk-hero-main .dk-thumb img{width:100%;height:100%;object-fit:cover}
.dk-hero-main h2{font-size:30px;margin:.5em 0 .2em}
.dk-mini{display:flex;flex-direction:column;gap:18px}
.dk-mini-item{display:flex;gap:14px;align-items:center}
.dk-mini-item .dk-thumb{width:110px;height:82px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--dk-cream)}
.dk-mini-item .dk-thumb img{width:100%;height:100%;object-fit:cover}
.dk-mini-item h3{font-size:16px;margin:0}

/* Chips y meta */
.dk-chip{display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;border-radius:7px;background:var(--dk-teal);color:var(--dk-cream)}
.dk-chip.cat-alimentacion,.dk-chip.cat-comparativas{background:var(--dk-amber);color:var(--dk-amber-dark)}
.dk-chip.cat-salud{background:var(--dk-teal-dark)}
.dk-meta{font-size:13px;color:#8a887f;margin:6px 0 0}

/* Categorías */
.dk-cats{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0 22px;clear:both}
.dk-cats a{font-size:14px;font-weight:500;padding:7px 18px;border-radius:18px;background:var(--dk-cream);color:var(--dk-teal-deep)}
.dk-cats a:nth-child(4n),.dk-cats a:nth-child(5n){background:var(--dk-amber-soft);color:#633806}
.dk-cats a:hover{background:var(--dk-teal);color:var(--dk-cream)}

/* Rejilla de tarjetas */
.dk-sec-title{font-size:22px;padding-top:14px;display:flex;align-items:center;gap:10px}
.dk-sec-title::after{content:"";flex:1;height:1px;background:var(--dk-line)}
.dk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;padding:18px 0 30px}
.dk-card .dk-thumb{border-radius:12px;overflow:hidden;background:var(--dk-cream);aspect-ratio:16/10;margin-bottom:12px}
.dk-card .dk-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.dk-card:hover .dk-thumb img{transform:scale(1.04)}
.dk-card h3{font-size:18px;margin:.4em 0 .1em}

/* Anuncios */
.dk-ads{margin:10px 0 30px;text-align:center}
.dk-ads .widget{border:1.5px dashed #cfcdc4;border-radius:10px;padding:14px;color:#a09e94;font-size:13px}

/* Artículo */
.dk-single{max-width:760px;margin:0 auto;padding:38px 20px 50px}
.dk-single h1{font-size:36px}
.dk-single .dk-thumb{border-radius:14px;overflow:hidden;margin:22px 0}
.dk-content{font-size:18px}
.dk-content h2{font-size:26px;margin-top:1.4em}
.dk-content h3{font-size:21px;margin-top:1.2em}
.dk-content a{text-decoration:underline;text-underline-offset:3px}
.dk-content blockquote{border-left:4px solid var(--dk-teal);margin:1.2em 0;padding:.4em 1.2em;background:var(--dk-cream);border-radius:0 10px 10px 0}
.dk-content img{border-radius:12px}
.dk-tags{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.dk-tags a{font-size:13px;padding:4px 12px;border-radius:14px;background:var(--dk-cream);color:var(--dk-teal-deep)}
.dk-navlinks{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--dk-line);margin-top:34px;padding-top:20px;font-size:15px}

/* Cabecera de archivo */
.dk-archive-head{background:var(--dk-cream);padding:34px 0;margin-bottom:6px}
.dk-archive-head h1{font-size:30px;color:var(--dk-teal-deep);margin:0}
.dk-archive-head p{margin:.4em 0 0;color:var(--dk-teal-dark)}

/* Pie */
.dk-footer{background:var(--dk-teal-dark);color:var(--dk-cream);margin-top:30px}
.dk-footer-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0;flex-wrap:wrap}
.dk-footer a{color:#9FE1CB}
.dk-footer a:hover{color:#fff}
.dk-footer .dk-logo{color:var(--dk-cream);font-size:20px}
.dk-footer .menu{display:flex;gap:18px;list-style:none;margin:0;padding:0;font-size:14px}

/* Paginación */
.nav-links{display:flex;gap:8px;justify-content:center;padding:10px 0 34px;font-size:15px}
.nav-links .page-numbers{padding:7px 14px;border-radius:8px;background:#fff;border:1px solid var(--dk-line)}
.nav-links .current{background:var(--dk-teal);color:#fff;border-color:var(--dk-teal)}

/* Móvil */
@media (max-width:820px){
  .dk-hero{grid-template-columns:1fr;padding-top:22px}
  .dk-hero-main h2{font-size:24px}
  .dk-single h1{font-size:28px}
  .dk-burger{display:block;font-size:26px;cursor:pointer;color:var(--dk-ink)}
  .dk-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--dk-line);padding:10px 20px 18px}
  .dk-nav ul{flex-direction:column;gap:14px}
  .dk-toggle:checked ~ .dk-nav{display:block}
}

/* v1.2 — Banner de portada */
.dk-banner{padding-top:22px}
.dk-banner img{width:100%;border-radius:14px}

/* v1.2 — Franjas por categoría */
.dk-strip-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid var(--dk-line);padding-top:26px;margin-top:8px}
.dk-strip-title{font-size:22px;margin:0;color:var(--dk-teal-deep);position:relative;padding-left:14px}
.dk-strip-title::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:3px;background:var(--dk-teal)}
.dk-strip-more{font-size:14px;font-weight:500;color:var(--dk-teal-dark)}
.dk-strip-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding-top:16px}
.dk-strip-grid .dk-card h3{font-size:16px}

/* v1.2 — Banda de suscripción */
.dk-subscribe{background:var(--dk-teal-dark);padding:34px 0;margin-top:34px}
.dk-subscribe-title{font-family:'Poppins',sans-serif;font-size:22px;font-weight:500;color:var(--dk-cream);margin:0 0 14px}
.dk-subscribe-widget{color:var(--dk-cream);max-width:560px}
.dk-subscribe-widget input[type=email],.dk-subscribe-widget input[type=text]{width:100%;max-width:340px;padding:11px 14px;border:none;border-radius:9px;font-size:15px;margin-right:8px}
.dk-subscribe-widget input[type=submit],.dk-subscribe-widget button{background:var(--dk-amber);color:var(--dk-amber-dark);border:none;border-radius:9px;padding:11px 22px;font-size:15px;font-weight:500;cursor:pointer}
.dk-subscribe-widget a{color:#9FE1CB}
.dk-subscribe + .dk-footer{margin-top:0}

/* v2.0 — Recibidor de marca con buscador */
.dk-welcome{background:var(--dk-teal-dark);border-radius:16px;padding:38px 24px;margin-top:24px;text-align:center}
.dk-welcome h1{color:var(--dk-cream);font-size:30px;margin:0 0 6px}
.dk-welcome p{color:#9FE1CB;font-size:15px;margin:0 0 18px}
.dk-search{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-width:560px;margin:0 auto}
.dk-search input{flex:1;min-width:220px;padding:13px 16px;border:none;border-radius:10px;font-size:15px;font-family:inherit}
.dk-search button{background:var(--dk-amber);color:var(--dk-amber-dark);border:none;border-radius:10px;padding:13px 24px;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer}
.dk-search button:hover{background:#e0930f}

/* v2.0 — Puertas de especies */
.dk-especies{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;padding:14px 0 6px}
.dk-especie{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--dk-cream);border-radius:14px;padding:24px 14px;text-align:center;transition:transform .15s ease}
.dk-especie:nth-child(2){background:var(--dk-amber-soft)}
.dk-especie:hover{transform:translateY(-3px)}
.dk-especie-emoji{font-size:34px;line-height:1}
.dk-especie-nombre{font-family:'Poppins',sans-serif;font-weight:500;font-size:17px;color:var(--dk-teal-deep)}
.dk-especie:nth-child(2) .dk-especie-nombre{color:#633806}
.dk-especie-sub{font-size:12px;color:var(--dk-teal-dark)}
.dk-especie:nth-child(2) .dk-especie-sub{color:#854F0B}

/* v2.0 — Carrusel de razas */
.dk-razas{display:flex;gap:20px;overflow-x:auto;padding:14px 2px 18px;scrollbar-width:thin}
.dk-raza{flex-shrink:0;text-align:center;width:92px}
.dk-raza-foto{display:block;width:84px;height:84px;margin:0 auto;border-radius:50%;overflow:hidden;background:var(--dk-cream);border:3px solid var(--dk-cream);transition:border-color .15s ease}
.dk-raza:hover .dk-raza-foto{border-color:var(--dk-teal)}
.dk-raza-foto img{width:100%;height:100%;object-fit:cover}
.dk-raza-nombre{display:block;font-size:12.5px;font-weight:500;margin-top:7px;color:var(--dk-ink)}

/* v2.0 — Guías esenciales */
.dk-guias{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:14px 0 8px}
.dk-guia{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--dk-line);border-radius:12px;padding:12px;transition:border-color .15s ease}
.dk-guia:hover{border-color:var(--dk-teal)}
.dk-guia-foto{width:62px;height:62px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--dk-cream)}
.dk-guia-foto img{width:100%;height:100%;object-fit:cover}
.dk-guia-titulo{font-weight:500;font-size:15px;color:var(--dk-ink);line-height:1.4}

/* v2.0 — Banda de comparativa */
.dk-comp-banda{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--dk-amber-soft);border-radius:14px;padding:18px 22px;margin:22px 0}
.dk-comp-etq{margin:0;font-weight:600;font-size:14px;color:#633806}
.dk-comp-titulo{margin:3px 0 0;font-size:16px;color:#854F0B}
.dk-comp-boton{background:var(--dk-amber);color:var(--dk-amber-dark);border-radius:9px;padding:10px 20px;font-size:14px;font-weight:500;flex-shrink:0}
.dk-comp-boton:hover{background:#e0930f;color:var(--dk-amber-dark)}
@media (max-width:820px){.dk-welcome h1{font-size:24px}}

/* v3.0 — Hero con foto y claim */
.dk-hero3{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center;padding:30px 0 8px}
.dk-hero3-foto img{border-radius:18px;width:100%}
.dk-hero3-fallback{background:var(--dk-cream);border-radius:18px;min-height:300px;display:flex;align-items:center;justify-content:center;font-size:64px}
.dk-kicker{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dk-teal);margin:0 0 10px}
.dk-hero3-texto h1{font-size:38px;line-height:1.2;margin:0 0 14px}
.dk-hero3-sub{font-size:17px;color:var(--dk-gray);margin:0 0 20px}
.dk-hero3 .dk-search{justify-content:flex-start;margin:0}
.dk-hero3 .dk-search input{background:var(--dk-cream)}

/* v3.0 — Fila de iconos de secciones */
.dk-sec-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;background:#fff;border:1px solid var(--dk-line);border-radius:16px;padding:20px 12px;margin:26px 0 6px}
.dk-sec-icono{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:6px}
.dk-sec-circulo{width:56px;height:56px;border-radius:50%;background:var(--dk-cream);display:flex;align-items:center;justify-content:center;font-size:26px;transition:transform .15s ease}
.dk-sec-icono:nth-child(even) .dk-sec-circulo{background:var(--dk-amber-soft)}
.dk-sec-icono:hover .dk-sec-circulo{transform:scale(1.08)}
.dk-sec-nombre{font-family:'Poppins',sans-serif;font-weight:500;font-size:14.5px;color:var(--dk-ink);margin-top:5px}
.dk-sec-sub{font-size:11.5px;color:var(--dk-gray)}

/* v3.0 — Etiqueta sobre la foto de la tarjeta */
.dk-card .dk-thumb{position:relative;display:block}
.dk-card .dk-thumb .dk-chip{position:absolute;left:10px;bottom:10px;box-shadow:0 1px 6px rgba(0,0,0,.18)}

/* v3.0 — Banda de comparativas con foto */
.dk-comp3{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:center;background:var(--dk-cream);border-radius:18px;padding:30px 32px;margin:30px 0}
.dk-comp3 h2{color:var(--dk-teal-deep);font-size:26px;margin:0 0 10px}
.dk-comp3 p{color:var(--dk-teal-dark);margin:0 0 18px}
.dk-comp3-foto img{border-radius:14px;width:100%}

/* v3.0 — Guías en lista + tarjeta de suscripción */
.dk-dos-col{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;margin:26px 0;align-items:start}
.dk-guias-lista .dk-strip-title{margin-bottom:14px}
.dk-guia-linea{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--dk-line);border-radius:12px;padding:13px 16px;margin-bottom:10px;font-weight:500;font-size:15px;color:var(--dk-ink);transition:border-color .15s ease}
.dk-guia-linea:hover{border-color:var(--dk-teal);color:var(--dk-teal-dark)}
.dk-guia-flecha{margin-left:auto;color:var(--dk-teal)}
.dk-susc-card{background:var(--dk-teal-dark);border-radius:16px;padding:26px 24px}
.dk-susc-titulo{font-family:'Poppins',sans-serif;font-size:19px;font-weight:500;color:var(--dk-cream);margin:0 0 6px}
.dk-susc-sub{font-size:13.5px;color:#9FE1CB;margin:0 0 14px}

/* v3.0 — Sellos de confianza */
.dk-sellos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;background:#fff;border:1px solid var(--dk-line);border-radius:16px;padding:22px;margin:28px 0 8px}
.dk-sello{display:flex;flex-direction:column;gap:2px;font-size:13px}
.dk-sello span{font-size:22px}
.dk-sello strong{font-family:'Poppins',sans-serif;font-weight:500;font-size:14.5px;color:var(--dk-ink)}
.dk-sello em{font-style:normal;color:var(--dk-gray)}

@media (max-width:820px){
  .dk-hero3{grid-template-columns:1fr;gap:18px}
  .dk-hero3-texto h1{font-size:27px}
  .dk-comp3{grid-template-columns:1fr;padding:24px 20px}
  .dk-dos-col{grid-template-columns:1fr}
}

/* v3.1 — Menú con emoji arriba y nombre debajo */
.dk-nav a{display:flex;flex-direction:column;align-items:center;gap:1px}
.dk-mi-emoji{font-size:21px;line-height:1.1}
.dk-mi-texto{font-size:12.5px;font-weight:500}
.dk-nav ul{gap:18px;align-items:flex-end}
.dk-nav .dk-btn a{flex-direction:row;gap:6px;align-items:center}
@media (max-width:820px){
  .dk-nav a{flex-direction:row;gap:9px;align-items:center}
  .dk-mi-emoji{font-size:18px}
  .dk-mi-texto{font-size:15px}
}

/* v3.2 — Menú pegado al logo, botón a la derecha */
.dk-header-in{justify-content:flex-start;gap:38px}
.dk-nav{flex:1}
.dk-nav ul{justify-content:flex-start}
.dk-nav .dk-btn{margin-left:auto}
@media (max-width:820px){.dk-header-in{justify-content:space-between}}

/* v3.3 — Bloque de texto SEO de la portada */
.dk-seo-texto{max-width:820px;margin:34px 0 6px;padding:0 4px}
.dk-seo-texto h2{font-size:23px;color:var(--dk-teal-deep)}
.dk-seo-texto p{font-size:15.5px;color:var(--dk-gray);line-height:1.75}
.dk-seo-texto a{font-weight:500;text-decoration:underline;text-underline-offset:3px}

/* v3.5 — Fila de secciones compacta en móvil */
@media (max-width:820px){
  .dk-sec-fila{grid-template-columns:repeat(3,1fr);gap:4px;padding:14px 8px}
  .dk-sec-circulo{width:46px;height:46px;font-size:22px}
  .dk-sec-nombre{font-size:12px}
  .dk-sec-sub{display:none}
  .dk-razas{gap:14px}
  .dk-raza{width:76px}
  .dk-raza-foto{width:68px;height:68px}
}

/* v3.6 — Color por categoría (etiquetas sobre fotos y píldoras) */
/* Perros = teal · Gatos = ámbar · Salud = coral · Alimentación = verde · Comparativas = morado · Noticias = azul */
.dk-chip.cat-perros{background:#1D9E75;color:#E1F5EE}
.dk-chip.cat-gatos{background:#EF9F27;color:#412402}
.dk-chip.cat-salud{background:#E8615A;color:#fff}
.dk-chip.cat-alimentacion{background:#5F9E3D;color:#fff}
.dk-chip.cat-comparativas{background:#7C6BD6;color:#fff}
.dk-chip.cat-noticias{background:#3B8FC4;color:#fff}
.dk-chip.cat-otras-mascotas{background:#C98A2B;color:#fff}

/* Píldoras de navegación de la portada, a juego */
.dk-cats a[href*="/perros"]{background:#D6F0E7;color:#0B5D45}
.dk-cats a[href*="/gatos"]{background:#FBE7C8;color:#7A4C08}
.dk-cats a[href*="/salud"]{background:#FADAD8;color:#8C2F2A}
.dk-cats a[href*="/alimentacion"]{background:#DDEFD1;color:#38621F}
.dk-cats a[href*="/comparativas"]{background:#E4DFF6;color:#443288}
.dk-cats a[href*="/noticias"]{background:#D6E9F4;color:#1E5578}

/* Círculos de la fila de secciones, a juego */
.dk-sec-icono[href*="/perros"] .dk-sec-circulo{background:#D6F0E7}
.dk-sec-icono[href*="/gatos"] .dk-sec-circulo{background:#FBE7C8}
.dk-sec-icono[href*="/salud"] .dk-sec-circulo{background:#FADAD8}
.dk-sec-icono[href*="/alimentacion"] .dk-sec-circulo{background:#DDEFD1}
.dk-sec-icono[href*="/comparativas"] .dk-sec-circulo{background:#E4DFF6}
.dk-sec-icono[href*="/otras-mascotas"] .dk-sec-circulo{background:#F3E2C6}

/* v3.7 — Noticias en la fila de secciones */
.dk-sec-icono[href*="/noticias"] .dk-sec-circulo{background:#D6E9F4}