/*
Theme Name:     Hoy Flipas
Description:    Tema hijo de GeneratePress para hoyflipas.com
Author:         Hoy Flipas
Template:       generatepress
Version:        1.0.0
Text Domain:    hoyflipas
*/

/* ---------- Fuentes autoalojadas (solo los pesos usados) ---------- */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:900;font-display:swap;src:url(fonts/montserrat-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:italic;font-weight:900;font-display:swap;src:url(fonts/montserrat-latin-900-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}

/* ---------- Marca ---------- */
:root{
  --hf-amarillo:#FFD60A;
  --hf-amarillo-oscuro:#C9A000;
  --hf-negro:#0E0E10;
  --hf-blanco:#FFFFFF;
  --hf-gris:#3A3A3F;
  --hf-gris-claro:#E6E6EA;
  --hf-titulos:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --hf-cuerpo:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* ---------- Base ---------- */
body{font-family:var(--hf-cuerpo);font-weight:400;font-size:17px;line-height:1.65;color:var(--hf-gris);background:var(--hf-blanco)}
h1,h2,h3,h4,h5,h6{font-family:var(--hf-titulos);font-weight:800;color:var(--hf-negro);line-height:1.2;letter-spacing:-.01em}
h1{font-size:2.1rem}h2{font-size:1.5rem}h3{font-size:1.2rem}
strong,b{font-weight:600}
img{max-width:100%;height:auto}

/* Enlaces: negro con subrayado amarillo 3px */
a{color:var(--hf-negro);text-decoration:none}
.entry-content a,.hf-meta a,.hf-transparency a,.hf-afiliados a,.site-info .copyright a{
  text-decoration:underline;text-decoration-color:var(--hf-amarillo);text-decoration-thickness:3px;text-underline-offset:3px;
}
.entry-content a:hover{text-decoration-color:var(--hf-amarillo-oscuro)}

/* Botones */
button,.button,input[type="button"],input[type="submit"],input[type="reset"],.wp-block-button__link,.wpforms-submit{
  background:var(--hf-amarillo)!important;color:var(--hf-negro)!important;border:0;border-radius:8px;
  font-family:var(--hf-titulos);font-weight:800;padding:.7em 1.3em;cursor:pointer;
}
button:hover,.button:hover,input[type="submit"]:hover,.wp-block-button__link:hover,.wpforms-submit:hover{background:var(--hf-amarillo-oscuro)!important}

/* ---------- Cabecera ---------- */
.site-header{background:var(--hf-blanco);border-bottom:3px solid var(--hf-amarillo)}
.site-header .inside-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
.site-branding{display:flex;align-items:center}
.site-logo img{height:44px;width:auto;display:block}
.main-title{font-family:var(--hf-titulos);font-weight:900;font-style:italic;font-size:1.6rem;margin:0}
.main-title a{color:var(--hf-negro);text-decoration:none}
.site-description{display:none}
.main-navigation{background:transparent}
.main-navigation .main-nav ul li a{color:var(--hf-negro);font-family:var(--hf-titulos);font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.02em;line-height:44px;padding:0 12px;text-decoration:none}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current-menu-parent>a{background:transparent;color:var(--hf-negro);box-shadow:inset 0 -3px 0 var(--hf-amarillo)}
.main-navigation .menu-toggle,.main-navigation button.menu-toggle{background:transparent!important;color:var(--hf-negro)!important;font-family:var(--hf-titulos);font-weight:800;padding:0 10px}
.main-navigation .main-nav ul ul{background:var(--hf-blanco);box-shadow:0 4px 16px rgba(0,0,0,.12)}
.main-navigation .main-nav ul ul li a{line-height:1.3;padding:10px 14px;text-transform:none}
@media (max-width:768px){
  .site-header{position:sticky;top:0;z-index:100}
  .site-header .inside-header{padding:10px 16px}
  .site-logo img{height:36px}
  .main-navigation .main-nav ul li a{line-height:48px;border-top:1px solid var(--hf-gris-claro)}
  .main-navigation.toggled .main-nav>ul{background:var(--hf-blanco)}
}

/* ---------- Contenido ---------- */
.site-main{margin:0}
.one-container .site-content{padding:24px 20px 40px}
@media (max-width:600px){.one-container .site-content{padding:16px 16px 32px}}

/* Etiqueta de categoría */
.hf-cat{display:inline-block;background:var(--hf-amarillo);color:var(--hf-negro);font-family:var(--hf-titulos);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:6px;line-height:1.2;text-decoration:none}
.hf-cat:hover{background:var(--hf-amarillo-oscuro)}

/* Imágenes 16:9 con espacio reservado (CLS) */
.hf-media{display:block;margin:0;overflow:hidden;border-radius:12px;background:var(--hf-gris-claro)}
.hf-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}

/* ---------- Portada ---------- */
.hf-featured{margin-bottom:40px}
.hf-featured .hf-media{border-radius:16px}
.hf-featured .hf-cat{margin:18px 0 10px}
.hf-featured h2{font-size:2rem;margin:0 0 8px}
.hf-featured h2 a:hover{text-decoration:underline;text-decoration-color:var(--hf-amarillo);text-decoration-thickness:3px;text-underline-offset:4px}
.hf-featured .hf-excerpt{margin:0;font-size:1.05rem}
.hf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin:0 0 32px}
@media (max-width:1024px){.hf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hf-grid{grid-template-columns:1fr;gap:28px}.hf-featured h2{font-size:1.5rem}}
.hf-card{display:flex;flex-direction:column}
.hf-card .hf-cat{align-self:flex-start;margin:12px 0 8px}
.hf-card h2,.hf-card h3{font-size:1.15rem;margin:0 0 6px}
.hf-card h2 a:hover,.hf-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--hf-amarillo);text-decoration-thickness:3px;text-underline-offset:4px}
.hf-card time{font-size:.85rem;color:#6B6B72}
.hf-pagination .nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0}
.hf-pagination .page-numbers{display:inline-block;padding:8px 14px;border-radius:8px;background:var(--hf-gris-claro);color:var(--hf-negro);font-weight:600;text-decoration:none}
.hf-pagination .page-numbers.current{background:var(--hf-amarillo)}

/* ---------- Artículo ---------- */
.hf-article{max-width:720px;margin:0 auto}
.hf-article-header{margin-bottom:20px}
.hf-article-header .hf-cat{margin-bottom:12px}
.hf-article-header h1{margin:0 0 12px}
.hf-meta{font-size:.9rem;color:#6B6B72;margin:0}
.hf-hero{margin:0 0 28px;background:transparent}
.hf-hero img{border-radius:12px}
.hf-hero figcaption{font-size:.8rem;color:#6B6B72;padding:6px 2px 0;text-align:right}
.hf-article .entry-content{font-size:1.06rem}
.hf-article .entry-content h2{margin:1.8em 0 .6em;padding-left:14px;border-left:5px solid var(--hf-amarillo)}
.hf-article .entry-content h3{margin:1.4em 0 .5em}
.hf-article .entry-content p,.hf-article .entry-content ul,.hf-article .entry-content ol{margin-bottom:1.2em}
.hf-article .entry-content figure img,.hf-article .entry-content > img{border-radius:10px}
.hf-article .entry-content table{width:100%;border-collapse:collapse;font-size:.95rem}
.hf-article .entry-content th,.hf-article .entry-content td{border:1px solid var(--hf-gris-claro);padding:8px 10px;text-align:left}
.hf-article .entry-content th{background:#FFF8CC;font-family:var(--hf-titulos);font-weight:800}
.hf-article .entry-content blockquote{border-left:5px solid var(--hf-amarillo);margin:1.5em 0;padding:.2em 1em;color:var(--hf-negro);font-style:italic}
.hf-fuentes{margin-top:2.5em;padding:16px 20px;background:#F6F6F8;border-radius:10px;font-size:.92rem}
.hf-fuentes h2{border:0!important;padding:0!important;margin:0 0 .5em!important;font-size:1.05rem}
.hf-fuentes ul{margin:0;padding-left:1.2em}
.hf-afiliados,.hf-transparency{font-size:.85rem;color:#6B6B72;border-top:1px solid var(--hf-gris-claro);padding-top:14px;margin:1.5em 0 0}
.hf-related{max-width:720px;margin:48px auto 0;padding-top:28px;border-top:3px solid var(--hf-amarillo)}
.hf-related>h2{font-size:1.3rem;margin:0 0 20px}
.hf-related .hf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:600px){.hf-related .hf-grid{grid-template-columns:1fr}}
.hf-related .hf-card h3{font-size:1rem}

/* Páginas y archivos (categoría) */
.page .inside-article{max-width:720px;margin:0 auto}
.page .entry-header h1{margin-bottom:.6em}
.archive .page-header{margin-bottom:28px}
.archive .page-header .archive-description{color:#6B6B72}

/* ---------- Pie ---------- */
.site-footer{background:var(--hf-negro);color:#C8C8CE;margin-top:40px}
.site-footer .site-info{background:var(--hf-negro);color:#C8C8CE;padding:28px 20px}
.site-footer .inside-site-info{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.hf-footer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
.hf-footer-nav a{color:#C8C8CE;font-size:.9rem;text-decoration:none}
.hf-footer-nav a:hover{color:var(--hf-amarillo)}
.site-footer .copyright{font-size:.85rem;color:#8A8A92}
.site-footer .copyright a{color:#C8C8CE}