/* ===== BLOG STYLES — Macías Rubiales Abogados ===== */
:root{
  --green:#1F3A2E; --green-deep:#17281F;
  --ink:#1F3A2E; --ink-2:#17281F;
  --gold:#B89962; --gold-dark:#8B7355;
  --cream:#EFE8DA; --paper:#F5F0E4;
  --black:#0A0A0A; --white:#FFFFFF;
  --gray-300:#EAEAEA; --gray-500:#9B9B9B; --gray-600:#6A6A6A;
  --muted:#5A5A5A;
  --line-dark:rgba(184,153,98,0.22); --line-light:rgba(31,58,46,0.12);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{overflow-x:hidden;max-width:100vw;background:var(--white);color:var(--ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

/* ===== NAV ===== */
nav{display:flex;align-items:center;justify-content:space-between;padding:22px 56px;border-bottom:0.5px solid rgba(255,255,255,0.1);background:var(--green-deep);flex-shrink:0;}
nav .logo{display:flex;align-items:center;gap:14px;text-decoration:none;}
nav .logo .logo-mr{font-family:'Inter',sans-serif;font-weight:600;font-size:30px;letter-spacing:-1.8px;color:var(--cream);line-height:1;}
nav .logo .logo-divider{width:1px;height:32px;background:rgba(184,153,98,0.4);flex-shrink:0;}
nav .logo .logo-stack{display:flex;flex-direction:column;gap:4px;line-height:1;}
nav .logo .logo-name{font-family:'Inter',sans-serif;font-weight:500;font-size:12.5px;letter-spacing:2.2px;color:var(--cream);text-transform:uppercase;}
nav .logo .logo-tag{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;font-weight:500;}
nav .links{display:flex;gap:36px;}
nav .links a{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(239,232,218,0.72);text-decoration:none;transition:color 0.2s;font-weight:500;}
nav .links a:hover, nav .links a.current{color:var(--gold);}
nav .lang{font-size:11px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-weight:500;}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--cream);padding:14px 56px;color:var(--green);font-size:12px;letter-spacing:0.5px;border-bottom:0.5px solid rgba(184,153,98,0.25);}
.breadcrumb a{color:var(--green);text-decoration:none;transition:color 0.2s;}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb .sep{margin:0 10px;color:rgba(184,153,98,0.5);}

/* ===== ARTICLE HERO ===== */
.article-hero{background:linear-gradient(135deg, var(--green) 0%, var(--green-deep) 100%);padding:80px 56px 90px;position:relative;overflow:hidden;}
.article-hero::before{content:"";position:absolute;top:-20%;right:-10%;width:50%;height:140%;background:radial-gradient(ellipse at center, rgba(184,153,98,0.12) 0%, transparent 60%);pointer-events:none;}
.article-hero-inner{max-width:880px;margin:0 auto;position:relative;}
.article-hero .kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;font-weight:600;margin-bottom:24px;}
.article-hero .kicker .dot{width:5px;height:5px;border-radius:50%;background:var(--gold);}
.article-hero h1{font-family:'Inter',sans-serif;font-weight:500;font-size:clamp(34px, 5vw, 60px);line-height:1.08;letter-spacing:-1.8px;color:#FFFFFF;margin:0 0 24px;max-width:780px;}
.article-hero h1 em{color:var(--gold);font-style:italic;font-weight:500;}
.article-hero .lead{font-size:clamp(16px,1.4vw,20px);line-height:1.55;color:rgba(255,255,255,0.78);max-width:680px;margin:0 0 40px;}
.article-hero .meta{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:13px;color:rgba(239,232,218,0.7);}
.article-hero .meta .meta-item{display:flex;align-items:center;gap:8px;}
.article-hero .meta .sep{color:rgba(184,153,98,0.4);}
.article-hero .meta .author-name{color:var(--gold);font-weight:500;}

/* ===== AUTHOR STRIP ===== */
.author-strip{background:var(--paper);padding:26px 56px;border-bottom:0.5px solid rgba(184,153,98,0.2);}
.author-strip-inner{max-width:880px;margin:0 auto;display:flex;align-items:center;gap:22px;}
.author-avatar{width:64px;height:64px;border-radius:50%;background:var(--green);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px;color:var(--gold);overflow:hidden;background-image:url('../imagenes/socia-estrella.webp');background-size:cover;background-position:center 20%;}
.author-info h4{font-family:'Inter',sans-serif;font-weight:500;font-size:16px;color:var(--green);margin:0 0 4px;letter-spacing:-0.2px;}
.author-info p{font-size:13px;color:var(--muted);line-height:1.5;margin:0;}
.author-info a{color:var(--gold-dark);text-decoration:none;font-weight:500;}
.author-info a:hover{color:var(--gold);text-decoration:underline;}

/* ===== ARTICLE BODY ===== */
.article-body{max-width:760px;margin:0 auto;padding:64px 56px 96px;font-size:17px;line-height:1.75;color:var(--ink);}
.article-body > * + *{margin-top:1.2em;}
.article-body p{margin:0;}
.article-body h2{font-family:'Inter',sans-serif;font-weight:500;font-size:clamp(26px,3vw,36px);line-height:1.18;letter-spacing:-0.8px;color:var(--green);margin-top:2.2em;margin-bottom:0.5em;}
.article-body h2:first-of-type{margin-top:0.4em;}
.article-body h2 em{color:var(--gold);font-style:italic;font-weight:500;}
.article-body h3{font-family:'Inter',sans-serif;font-weight:600;font-size:21px;line-height:1.25;letter-spacing:-0.3px;color:var(--green);margin-top:1.8em;margin-bottom:0.3em;}
.article-body strong{color:var(--green-deep);font-weight:600;}
.article-body em{font-style:italic;}
.article-body a{color:var(--gold-dark);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color 0.2s;}
.article-body a:hover{color:var(--gold);}
.article-body ul, .article-body ol{padding-left:24px;margin:0;}
.article-body ul li, .article-body ol li{margin-bottom:0.5em;line-height:1.7;}
.article-body ul li::marker{color:var(--gold);}
.article-body ol li::marker{color:var(--gold);font-weight:600;}
.article-body blockquote{border-left:3px solid var(--gold);padding:6px 0 6px 22px;margin:1.5em 0;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:21px;line-height:1.5;color:var(--green-deep);}

/* ===== CALLOUTS ===== */
.callout{background:var(--paper);border:0.5px solid rgba(184,153,98,0.3);border-left:3px solid var(--gold);border-radius:10px;padding:22px 26px;margin:1.6em 0;}
.callout .callout-label{font-size:11px;letter-spacing:2.2px;color:var(--gold);text-transform:uppercase;font-weight:600;margin-bottom:10px;display:block;}
.callout p{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink);}
.callout p + p{margin-top:0.8em;}
.callout.warning{background:rgba(139,40,40,0.04);border-color:rgba(139,40,40,0.2);border-left-color:#8B2828;}
.callout.warning .callout-label{color:#8B2828;}
.callout.tldr{background:var(--green);color:var(--cream);border:none;}
.callout.tldr .callout-label{color:var(--gold);}
.callout.tldr p{color:rgba(239,232,218,0.92);}
.callout.tldr ul{padding-left:20px;margin-top:10px;}
.callout.tldr ul li{margin-bottom:6px;line-height:1.6;color:rgba(239,232,218,0.92);}
.callout.tldr ul li::marker{color:var(--gold);}
.article-body .callout.tldr strong{color:var(--gold) !important;font-weight:600;}
.article-body .callout.tldr em{color:var(--cream) !important;font-style:italic;}
.article-body .callout.tldr a{color:var(--gold) !important;}
.article-body .juris-inline strong{color:var(--gold) !important;font-weight:600;}
.article-body .juris-inline em{color:var(--cream) !important;}
.cta-strip strong{color:var(--gold);font-weight:600;}
.cta-strip em{color:var(--gold);}

/* ===== KEY FACTS BOX ===== */
.key-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:2em 0;}
.key-fact{background:var(--paper);padding:22px 20px;border-radius:12px;border:0.5px solid rgba(184,153,98,0.25);}
.key-fact .label{font-size:10px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-weight:600;margin-bottom:8px;display:block;}
.key-fact .value{font-family:'Inter',sans-serif;font-weight:500;font-size:22px;line-height:1.15;letter-spacing:-0.5px;color:var(--green);margin-bottom:4px;}
.key-fact .desc{font-size:12.5px;line-height:1.5;color:var(--muted);}

/* ===== JURISPRUDENCE INLINE ===== */
.juris-inline{background:var(--green-deep);color:var(--cream);padding:20px 24px;border-radius:10px;margin:1.6em 0;}
.juris-inline .ref{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:600;text-transform:uppercase;margin-bottom:8px;display:block;}
.juris-inline h4{font-family:'Inter',sans-serif;font-weight:500;font-size:16px;line-height:1.3;color:var(--cream);margin:0 0 8px;}
.juris-inline p{font-size:14px;line-height:1.6;color:rgba(239,232,218,0.75);margin:0;}

/* ===== STEPS ===== */
.steps-list{counter-reset:step;list-style:none;padding:0;margin:1.5em 0;}
.steps-list li{counter-increment:step;position:relative;padding:22px 24px 22px 78px;background:var(--white);border:0.5px solid var(--gray-300);border-radius:12px;margin-bottom:14px;}
.steps-list li::before{content:counter(step,decimal-leading-zero);position:absolute;left:24px;top:22px;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;color:var(--gold);background:var(--paper);padding:6px 10px;border-radius:6px;}
.steps-list li h3{margin-top:0;margin-bottom:6px;}
.steps-list li p{margin:0;font-size:15px;line-height:1.65;color:var(--muted);}

/* ===== FAQ ===== */
.article-faq{background:var(--paper);padding:80px 56px;}
.article-faq-inner{max-width:820px;margin:0 auto;}
.article-faq h2{font-family:'Inter',sans-serif;font-weight:500;font-size:clamp(28px,3.2vw,38px);line-height:1.15;letter-spacing:-0.8px;color:var(--green);margin-bottom:36px;text-align:center;}
.article-faq h2 em{color:var(--gold);font-style:italic;}
.faq-item{border-bottom:0.5px solid var(--line-light);}
.faq-item summary{padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;font-family:'Inter',sans-serif;font-weight:500;font-size:17px;letter-spacing:-0.3px;color:var(--green);transition:color 0.2s ease;gap:20px;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';font-size:24px;color:var(--gold);font-weight:300;transition:transform 0.3s ease;flex-shrink:0;}
.faq-item[open] summary::after{content:'−';}
.faq-item summary:hover{color:var(--gold-dark);}
.faq-item .faq-body{padding:0 0 22px;font-size:15px;line-height:1.7;color:var(--muted);}

/* ===== CTA STRIP ===== */
.cta-strip{background:var(--green);color:var(--cream);padding:64px 56px;}
.cta-strip-inner{max-width:880px;margin:0 auto;text-align:center;}
.cta-strip .kicker{font-size:11px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;font-weight:600;margin-bottom:18px;display:inline-block;}
.cta-strip h3{font-family:'Inter',sans-serif;font-weight:500;font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-0.8px;color:var(--cream);margin:0 0 18px;max-width:680px;margin-left:auto;margin-right:auto;}
.cta-strip h3 em{color:var(--gold);font-style:italic;}
.cta-strip p{font-size:16px;line-height:1.6;color:rgba(239,232,218,0.75);max-width:560px;margin:0 auto 32px;}
.cta-strip .cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.cta-strip .btn-primary{display:inline-block;background:var(--gold);color:var(--ink);padding:15px 32px;border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;letter-spacing:0.3px;transition:transform 0.25s ease,background 0.25s ease;}
.cta-strip .btn-primary:hover{background:var(--cream);transform:translateY(-1px);}
.cta-strip .btn-secondary{display:inline-block;background:transparent;color:var(--cream);padding:14px 30px;border-radius:50px;font-size:14px;font-weight:500;text-decoration:none;letter-spacing:0.3px;border:0.5px solid rgba(239,232,218,0.4);transition:background 0.25s ease,border-color 0.25s ease;}
.cta-strip .btn-secondary:hover{background:rgba(255,255,255,0.05);border-color:var(--gold);}

/* ===== RELATED ===== */
.related{padding:80px 56px;background:var(--white);}
.related-inner{max-width:1100px;margin:0 auto;}
.related .kicker{font-size:11px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;font-weight:600;margin-bottom:12px;display:inline-block;}
.related h2{font-family:'Inter',sans-serif;font-weight:500;font-size:32px;line-height:1.15;letter-spacing:-0.8px;color:var(--green);margin:0 0 36px;}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.related-card{background:var(--paper);border-radius:14px;padding:32px 28px;text-decoration:none;color:inherit;border:0.5px solid transparent;transition:transform 0.3s ease, border-color 0.3s ease;display:block;}
.related-card:hover{transform:translateY(-3px);border-color:var(--gold);}
.related-card .cat{font-size:10px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-weight:600;margin-bottom:12px;display:inline-block;}
.related-card h3{font-family:'Inter',sans-serif;font-weight:500;font-size:19px;line-height:1.25;letter-spacing:-0.4px;color:var(--green);margin:0 0 8px;}
.related-card p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0;}

/* ===== BLOG INDEX ===== */
.blog-index-hero{background:linear-gradient(135deg, var(--green) 0%, var(--green-deep) 100%);padding:96px 56px 80px;position:relative;overflow:hidden;}
.blog-index-hero::before{content:"";position:absolute;top:-30%;right:-15%;width:60%;height:160%;background:radial-gradient(ellipse at center, rgba(184,153,98,0.12) 0%, transparent 60%);pointer-events:none;}
.blog-index-hero-inner{max-width:1100px;margin:0 auto;position:relative;}
.blog-index-hero .kicker{font-size:11px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;font-weight:600;display:inline-block;margin-bottom:18px;}
.blog-index-hero h1{font-family:'Inter',sans-serif;font-weight:500;font-size:clamp(40px, 5.5vw, 72px);line-height:1.05;letter-spacing:-2.2px;color:#FFFFFF;margin:0 0 22px;max-width:780px;}
.blog-index-hero h1 em{color:var(--gold);font-style:italic;font-weight:500;}
.blog-index-hero p.lead{font-size:clamp(16px,1.4vw,20px);line-height:1.55;color:rgba(255,255,255,0.78);max-width:680px;margin:0;}

.blog-filters{background:var(--paper);padding:24px 56px;border-bottom:0.5px solid rgba(184,153,98,0.2);}
.blog-filters-inner{max-width:1100px;margin:0 auto;display:flex;gap:10px;flex-wrap:wrap;}
.blog-filter{padding:9px 20px;border-radius:50px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;color:var(--green);background:transparent;border:0.5px solid rgba(31,58,46,0.2);cursor:pointer;transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease;text-decoration:none;}
.blog-filter:hover{background:var(--green);color:var(--cream);border-color:var(--green);}
.blog-filter.active{background:var(--green);color:var(--cream);border-color:var(--green);}

.blog-grid-section{padding:72px 56px 96px;background:var(--white);}
.blog-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.blog-card{background:var(--white);border:0.5px solid var(--gray-300);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}
.blog-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 32px rgba(31,58,46,0.08);}
.blog-card .card-cover{height:200px;background:linear-gradient(135deg, var(--green) 0%, var(--green-deep) 100%);position:relative;overflow:hidden;}
.blog-card .card-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top right, rgba(184,153,98,0.18) 0%, transparent 60%);}
.blog-card.cat-empresa .card-cover{background:linear-gradient(135deg, var(--gold-dark) 0%, var(--green-deep) 100%);}
.blog-card.cat-noticias .card-cover{background:linear-gradient(135deg, var(--green-deep) 0%, var(--black) 100%);}
.blog-card .card-cover .cover-cat{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-weight:600;background:rgba(0,0,0,0.25);padding:6px 12px;border-radius:50px;backdrop-filter:blur(8px);}
.blog-card .card-body{padding:24px 26px 28px;flex:1;display:flex;flex-direction:column;}
.blog-card h3{font-family:'Inter',sans-serif;font-weight:500;font-size:21px;line-height:1.2;letter-spacing:-0.5px;color:var(--green);margin:0 0 10px;}
.blog-card p.excerpt{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 20px;flex:1;}
.blog-card .card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:0.5px solid var(--gray-300);font-size:12px;color:var(--gray-600);letter-spacing:0.3px;}
.blog-card .card-meta .read-time{color:var(--gold-dark);font-weight:500;}

/* ===== FOOTER ===== */
footer{background:var(--ink-2);padding:60px 56px 28px;border-top:0.5px solid rgba(184,153,98,0.15);}
footer .ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:0.5px solid rgba(184,153,98,0.15);}
footer .brand-block{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
footer .brand-block .brand-mr{font-family:'Inter',sans-serif;font-weight:600;font-size:32px;letter-spacing:-2px;color:var(--cream);line-height:1;}
footer .brand-block .brand-divider{width:1px;height:32px;background:rgba(184,153,98,0.4);flex-shrink:0;}
footer .brand-block .brand-stack{display:flex;flex-direction:column;gap:4px;line-height:1;}
footer .brand-block .brand-name{font-family:'Inter',sans-serif;font-weight:500;font-size:13px;letter-spacing:2.2px;color:var(--cream);text-transform:uppercase;}
footer .brand-block .brand-tag{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;font-weight:500;}
footer .brand-desc{font-size:12px;line-height:1.65;color:rgba(239,232,218,0.55);max-width:240px;}
footer h4{font-family:'Cormorant Garamond',serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-weight:500;}
footer ul{list-style:none;}
footer ul li{font-size:12px;line-height:2.1;}
footer ul li a{color:rgba(239,232,218,0.65);text-decoration:none;transition:color 0.2s;}
footer ul li a:hover{color:var(--gold);}
footer .bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(239,232,218,0.4);}
footer .bottom .legal{display:flex;gap:28px;}
footer .bottom .legal a{color:inherit;text-decoration:none;}

/* ===== FLOAT WHATSAPP ===== */
.float-wa{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;align-items:center;gap:10px;background:#25D366;color:#FFFFFF;padding:14px 20px 14px 16px;border-radius:50px;text-decoration:none;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;letter-spacing:0.2px;box-shadow:0 6px 20px rgba(0,0,0,0.18);transition:transform 0.25s ease;}
.float-wa:hover{transform:translateY(-2px);}
@media (max-width:600px){.float-wa{padding:14px;border-radius:50%;bottom:18px;right:18px;}.float-wa .label{display:none;}}

/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
  nav{padding:18px 24px;}
  nav .links{display:none;}
  .breadcrumb{padding:12px 24px;}
  .article-hero, .blog-index-hero{padding:56px 24px 64px;}
  .author-strip{padding:22px 24px;}
  .author-strip-inner{gap:16px;}
  .author-avatar{width:54px;height:54px;}
  .article-body{padding:48px 24px 72px;font-size:16px;}
  .key-facts{grid-template-columns:1fr;gap:12px;}
  .related, .article-faq, .cta-strip, .blog-grid-section{padding:56px 24px;}
  .related-grid, .blog-grid{grid-template-columns:1fr;}
  .blog-filters{padding:20px 24px;}
  footer{padding:48px 24px 24px;}
  footer .ft{grid-template-columns:1fr 1fr;gap:32px 20px;}
  footer .bottom{flex-direction:column;gap:12px;text-align:center;}
  .steps-list li{padding:22px 20px 22px 70px;}
}