/* ==========================================================
   Estilos compartidos por las páginas internas de Trupets
   (blog, política de privacidad, términos, gracias)
   ========================================================== */
:root{
  --brown-900:#2c1c12;
  --brown-700:#5c3a26;
  --terra:#c97b4a;
  --terra-dark:#a85f34;
  --terra-light:#f6e8dd;
  --ink:#241a13;
  --muted:#7d6b5c;
  --white:#ffffff;
  --offwhite:#faf8f6;
  --line:#ece2d6;
  --radius:22px;
  --shadow-lg:0 20px 46px rgba(44,28,18,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.7}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;height:auto}
ul{list-style:none}
:focus-visible{outline:3px solid var(--terra);outline-offset:2px}

.container{max-width:820px;margin:0 auto;padding:0 24px}

.page-header{background:var(--white);border-bottom:1px solid var(--line);padding:18px 0}
.page-header .container{max-width:1240px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.page-header .logo img{height:52px;width:auto}
.back{font-weight:700;font-size:14px;color:var(--terra-dark)}
.back:hover{text-decoration:underline}

main{padding:48px 0 64px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--brown-900);line-height:1.2}
h1{font-size:clamp(27px,4vw,36px);margin-bottom:10px}
h2{font-size:20px;margin:32px 0 10px}
h3{font-size:17px;margin:22px 0 8px}
p{margin-bottom:14px;color:var(--brown-700);font-size:15.5px}
.updated{color:var(--muted);font-size:13px;margin-bottom:28px}
.content ul{margin:0 0 16px 0}
.content ul li{position:relative;padding-left:20px;margin-bottom:9px;color:var(--brown-700);font-size:15.5px}
.content ul li::before{content:"•";position:absolute;left:4px;color:var(--terra)}
.content a{color:var(--terra-dark);text-decoration:underline}

.btn{display:inline-block;background:var(--terra);color:#fff;font-weight:700;padding:13px 26px;border-radius:100px;font-size:14.5px;border:0;cursor:pointer}
.btn:hover{background:var(--terra-dark)}

.card{max-width:520px;margin:60px auto;text-align:center;background:var(--offwhite);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:48px 36px}
.card .eyebrow{display:inline-block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--terra-dark);font-weight:700;margin-bottom:12px}
.card p{color:var(--muted);margin-bottom:26px}

.page-footer{padding:24px;text-align:center;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line)}