/*
Theme Name: Arará Consultoría Ambiental
Theme URI: https://cornflowerblue-guanaco-627784.hostingersite.com/
Author: Arará Consultoría Ambiental
Author URI: https://cornflowerblue-guanaco-627784.hostingersite.com/
Description: Tema oficial de Arará, convertido desde la web PHP original. Incluye Inicio, Quiénes Somos, Servicios, Soluciones digitales, Podcast e Insights.
Version: 1.1.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: arara-consultoria
*/

@font-face{font-family:Figtree;src:url("assets/fonts/Figtree-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("assets/fonts/Figtree-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("assets/fonts/Figtree-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("assets/fonts/Figtree-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("assets/fonts/Figtree-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("assets/fonts/Figtree-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}

:root{
  --arara-mint:#5bc69c;
  --arara-emerald:#00bc80;
  --arara-teal:#315c56;
  --arara-forest:#03342e;
  --arara-charcoal:#252525;
  --arara-white:#fff;
  --arara-pale:#eaf6f1;
  --arara-border:rgba(49,92,86,.15);
  --arara-shadow:0 16px 42px rgba(3,52,46,.10);
}

html{scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;color:var(--arara-charcoal);background:#fff;font-family:Figtree,Arial,sans-serif;line-height:1.65}
body.admin-bar .arara-header{top:32px}
a{color:inherit}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.arara-header{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,.96);border-bottom:1px solid var(--arara-border);box-shadow:0 3px 18px rgba(3,52,46,.05);backdrop-filter:blur(12px)}
.arara-header__inner{width:min(1220px,calc(100% - 40px));min-height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.arara-brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.arara-brand img{display:block;width:auto;height:60px;object-fit:contain}
.arara-menu{display:flex;align-items:center;justify-content:flex-end;gap:3px;list-style:none;margin:0;padding:0}
.arara-menu a{display:block;padding:11px 10px;color:var(--arara-forest);border-radius:12px;font-size:.91rem;font-weight:650;text-decoration:none;transition:.2s ease}
.arara-menu a:hover,.arara-menu a:focus-visible,.arara-menu .current-menu-item>a{background:var(--arara-pale);color:var(--arara-forest);outline:none}
.arara-menu .menu-item-contacto>a{background:var(--arara-emerald);color:#fff;padding-inline:16px}
.arara-menu-toggle{display:none;border:1px solid var(--arara-border);background:#fff;color:var(--arara-forest);border-radius:12px;padding:10px 13px;font:700 1rem Figtree;cursor:pointer}

.arara-content{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:70px 0}
.arara-content--narrow{width:min(820px,calc(100% - 40px))}
.arara-page-title{margin:0 0 12px;color:var(--arara-forest);font-size:clamp(2.1rem,5vw,4rem);line-height:1.05}
.arara-entry-content{font-size:1.06rem}
.arara-entry-content a{color:var(--arara-teal)}
.arara-entry-content>*:first-child{margin-top:0}
.arara-entry-content img{border-radius:20px}

.arara-blog-hero{padding:90px 20px 70px;background:linear-gradient(135deg,var(--arara-forest),var(--arara-teal));color:#fff;text-align:center}
.arara-blog-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1;margin:0 0 18px}
.arara-blog-hero p{max-width:720px;margin:auto;font-size:1.1rem;opacity:.9}
.arara-post-grid{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:70px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.arara-post-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--arara-border);border-radius:22px;box-shadow:var(--arara-shadow)}
.arara-post-card__image{aspect-ratio:16/10;overflow:hidden;background:var(--arara-pale)}
.arara-post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.arara-post-card:hover .arara-post-card__image img{transform:scale(1.035)}
.arara-post-card__body{display:flex;flex:1;flex-direction:column;padding:24px}
.arara-post-card__meta{color:var(--arara-teal);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.arara-post-card h2{margin:10px 0 12px;color:var(--arara-forest);font-size:1.35rem;line-height:1.2}
.arara-post-card h2 a{text-decoration:none}
.arara-post-card p{margin:0 0 18px;color:#586662}
.arara-post-card__link{margin-top:auto;color:var(--arara-teal);font-weight:700;text-decoration:none}
.arara-pagination{grid-column:1/-1;text-align:center;margin-top:24px}

.arara-footer{background:var(--arara-forest);color:#fff;padding:58px 20px 30px}
.arara-footer__grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:42px}
.arara-footer__logo{width:auto;height:64px;filter:brightness(0) invert(1);opacity:.96}
.arara-footer h2,.arara-footer h3{margin-top:0}
.arara-footer a{color:#fff;text-decoration:none}
.arara-footer ul{list-style:none;margin:0;padding:0}
.arara-footer li{margin:.5rem 0}
.arara-footer__bottom{width:min(1180px,100%);margin:40px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);font-size:.88rem;opacity:.75}

@media(max-width:1020px){
  .arara-menu-toggle{display:block}
  .arara-header__nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--arara-border);padding:14px 20px 22px;box-shadow:0 14px 28px rgba(3,52,46,.12)}
  .arara-header__nav.is-open{display:block}
  .arara-menu{align-items:stretch;flex-direction:column}
  .arara-menu a{padding:12px 14px}
  .arara-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:782px){body.admin-bar .arara-header{top:46px}}
@media(max-width:680px){
  .arara-header__inner{width:min(100% - 26px,1220px);min-height:72px}
  .arara-brand img{height:49px}
  .arara-post-grid{grid-template-columns:1fr}
  .arara-footer__grid{grid-template-columns:1fr}
}