main{max-width:800px}

  /* Hueco reservado para futuros anuncios de AdSense. Invisible mientras esté
     "hidden" — cuando se active AdSense de verdad, se rellena con el bloque
     de anuncio real y se le da tamaño aquí, sin tener que tocar las guías. */
  .ad-slot{margin:28px auto;max-width:760px;padding:0 12px}
  .ad-slot[hidden]{display:none}

  .lead{
    font-size:18px;
    color:var(--ink-soft);
    line-height:1.6;
    margin-bottom:6px;
  }

  .toc{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:18px 20px;
    margin:24px 0 32px;
  }
  .toc-title{
    font-family:'Oswald',sans-serif;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.05em;
    color:var(--ink-soft);
    margin:0 0 10px;
  }
  .toc ol{margin:0;padding-left:20px}
  .toc li{margin:6px 0;font-size:16px}
  .toc a{color:var(--petrol);text-decoration:none;font-weight:500}
  .toc a:hover{text-decoration:underline}

  main h1{
    font-family:'Oswald',sans-serif;
    font-size:29px;
    margin-bottom:4px;
  }
  main h2{
    font-family:'Oswald',sans-serif;
    font-size:23px;
    margin-top:44px;
    padding-bottom:8px;
    border-bottom:2px solid var(--petrol);
    scroll-margin-top:20px;
  }
  main h3{
    font-family:'Oswald',sans-serif;
    font-size:19.5px;
    margin-top:26px;
    color:var(--petrol-dark);
  }
  main p, main li{font-size:17.5px;line-height:1.6}
  main ul, main ol{padding-left:22px}
  main li{margin:6px 0}

  .callout-tip{
    background:#EFF7EE;
    border-left:4px solid var(--green);
    border-radius:8px;
    padding:14px 16px;
    margin:20px 0;
    font-size:17px;
    line-height:1.6;
  }
  .callout-tip b{color:var(--green)}

  .callout-warning{
    background:#FDF3E8;
    border-left:4px solid var(--amber);
    border-radius:8px;
    padding:14px 16px;
    margin:20px 0;
    font-size:17px;
    line-height:1.6;
  }
  .callout-warning b{color:#B87A1E}

  table.compare{
    width:100%;
    border-collapse:collapse;
    margin:20px 0;
    font-size:15px;
  }
  table.compare th, table.compare td{
    text-align:left;
    padding:10px 12px;
    border-bottom:1px solid var(--line);
  }
  table.compare th{
    background:var(--petrol);
    color:#fff;
    font-weight:600;
    font-size:14px;
  }
  table.compare tr:nth-child(even) td{background:#FAF8F4}

  .cta-box{
    background:var(--petrol);
    color:#fff;
    border-radius:var(--radius);
    padding:22px 24px;
    margin:32px 0;
    text-align:center;
  }
  .cta-box p{color:#EAF2F0;font-size:15.5px;margin:0 0 14px}
  .cta-box a{
    display:inline-block;
    background:var(--amber);
    color:var(--petrol-dark);
    font-weight:700;
    padding:12px 22px;
    border-radius:999px;
    text-decoration:none;
    font-size:16px;
  }

  .faq-item{
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px;
    margin:10px 0;
    padding:2px 18px;
  }
  .faq-item summary{
    padding:14px 0;
    font-weight:600;
    font-size:17px;
    color:var(--ink);
    cursor:pointer;
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
  }
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary::after{
    content:"+";
    font-size:22px;
    color:var(--petrol);
    flex-shrink:0;
  }
  .faq-item[open] summary::after{content:"–"}
  .faq-item p{padding-bottom:14px;margin:0;color:var(--ink-soft);line-height:1.6}

  .updated-note{font-size:13.5px;color:var(--ink-soft);margin-top:-4px}

  main .callout{margin:20px 0}

/* Ilustraciones dentro de las guías */
.guide-img{width:100%;max-width:560px;display:block;margin:22px auto;border-radius:12px;border:1px solid var(--line);background:#fff}
figure{margin:22px 0}
figcaption{font-size:13px;color:var(--ink-soft);text-align:center;margin-top:8px}

/* Bloque de guías relacionadas */
.related-guides{margin:36px 0 8px}
.related-guides h2{border-bottom:2px solid var(--petrol)}
.related-list{display:grid;gap:10px;margin-top:14px}
.related-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;text-decoration:none;display:block}
.related-item b{color:var(--petrol);font-size:16px;display:block}
.related-item span{color:var(--ink-soft);font-size:14px}
.related-item:hover{border-color:var(--petrol-mid)}