/*
Theme Name: Dedicado
Theme URI: https://example.com/dedicado
Author: Dedicado
Description: Tema de landing para un taller de dedicatorias y poemas por encargo. Estética de atelier (tinta, latón, rosa apagado). Diseñado para acompañar al plugin "Dedicado · Conexión Claude" y su shortcode [dedicado].
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: dedicado
*/

:root{
  --ink:#15131E; --ink2:#1E1A29; --ink3:#2A2438;
  --paper:#ECE6D6; --muted:#8E8898;
  --brass:#C9A24B; --brass-soft:#E2C57E; --rose:#C77E86;
  --line: rgba(236,230,214,0.13);
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background: radial-gradient(120% 80% at 50% -8%, #221C30 0%, var(--ink) 55%) fixed;
  color: var(--paper);
  font-family:'Spectral', Georgia, serif;
  font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{ color: var(--brass-soft); }
img{ max-width:100%; height:auto; }

.dd-wrap{ max-width:760px; margin:0 auto; padding:0 22px; }
.dd-display{ font-family:'Fraunces', Georgia, serif; }
.dd-ui{ font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.dd-eyebrow{ font-family: ui-sans-serif, system-ui, sans-serif; text-transform:uppercase; letter-spacing:.22em; font-size:11.5px; color:var(--brass); font-weight:600; }
.dd-muted{ color:var(--muted); }

/* Header */
.dd-header{ padding:26px 0 8px; }
.dd-mark{ font-family:'Fraunces',serif; font-weight:600; font-size:21px; letter-spacing:.01em; display:flex; align-items:center; gap:9px; text-decoration:none; color:var(--paper); }
.dd-mark .fl{ color:var(--brass); font-size:15px; transform:translateY(-1px); }
.dd-mark .dd-mark-img{ width:28px; height:28px; border-radius:50%; object-fit:cover; display:block; box-shadow:0 0 0 1px rgba(201,162,75,.35); }
.dd-mark small{ font-family: ui-sans-serif, system-ui, sans-serif; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); font-weight:500; }

/* Hero */
.dd-hero{ padding:42px 0 16px; animation: dd-rise .7s ease both; }
.dd-hero h1{ font-family:'Fraunces',serif; font-weight:500; font-size:clamp(33px,6.4vw,52px); line-height:1.06; letter-spacing:-0.01em; margin:0 0 18px; }
.dd-hero h1 em{ font-style:italic; color:var(--brass-soft); }
.dd-hero .dd-sub{ font-size:18.5px; color:#D6CFBE; max-width:56ch; margin:0 0 26px; }
.dd-hero .dd-sub b{ color:var(--paper); font-weight:500; }

/* Sections */
.dd-section{ padding:30px 0; }
.dd-rule{ height:1px; background:var(--line); border:0; margin:0; }
.dd-fleuron{ color:var(--brass); text-align:center; font-size:16px; letter-spacing:.4em; padding-left:.4em; }

/* Examples */
.dd-ex-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.dd-ex{ background:var(--ink2); border:1px solid var(--line); border-radius:12px; padding:16px 17px; }
.dd-ex .ic{ font-size:18px; }
.dd-ex .q{ font-style:italic; color:#D6CFBE; }
.dd-ex .a{ font-family:'Fraunces',serif; font-size:16.5px; color:var(--brass-soft); margin-top:8px; }

/* Steps */
.dd-steps{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; }
.dd-step .n{ font-family:'Fraunces',serif; color:var(--brass); font-size:15px; letter-spacing:.06em; }
.dd-step h4{ font-family:'Fraunces',serif; font-weight:500; font-size:18px; margin:6px 0 4px; }
.dd-step p{ color:var(--muted); font-size:15px; margin:0; }

/* Guarantee + FAQ */
.dd-promise{ font-family:'Fraunces',serif; font-size:20px; color:var(--brass-soft); margin:0 0 6px; }
.dd-faq details{ border-bottom:1px solid var(--line); padding:14px 0; }
.dd-faq summary{ cursor:pointer; list-style:none; font-family:'Fraunces',serif; font-size:18px; display:flex; justify-content:space-between; align-items:center; }
.dd-faq summary::-webkit-details-marker{ display:none; }
.dd-faq summary .plus{ color:var(--brass); font-family: ui-sans-serif, sans-serif; }
.dd-faq details[open] summary .plus{ transform:rotate(45deg); }
.dd-faq details p{ color:var(--muted); margin:10px 0 2px; font-size:15.5px; }

/* Footer */
.dd-footer{ padding:34px 0 44px; color:var(--muted); }
.dd-footer .small{ font-size:13.5px; margin-top:8px; }

/* Generic page content */
.dd-page{ padding:30px 0 60px; }
.dd-page h1,.dd-page h2,.dd-page h3{ font-family:'Fraunces',serif; font-weight:500; }
.dd-page a{ color:var(--brass-soft); }

/* Notice when plugin missing */
.dd-missing{ background:var(--ink2); border:1px dashed var(--rose); border-radius:12px; padding:18px 20px; color:#E7C7CB; font-family: ui-sans-serif, sans-serif; font-size:14.5px; }
.dd-missing code{ color:var(--brass-soft); }

@keyframes dd-rise{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:none;} }

@media (max-width:640px){
  .dd-ex-grid{ grid-template-columns:1fr; }
  .dd-steps{ grid-template-columns:1fr; gap:14px; }
}