/* ==========================================================
   Páginas interiores · enfoque empresas + personas · 18/10/2026
   Servicios, Formación para empresas, Sistemas, Clases y Landings.
   Copia previa: version-antes-servicios-empresas-2026-10-18/
   ========================================================== */

/* Portadilla con dos botones */
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px}
.hero .actions .btn{margin-top:0}
.btn.outline{background:transparent;border:1.5px solid #7d133a;color:#7d133a!important}

/* Bloques de sección */
.block-head{max-width:720px;margin-bottom:34px}
.block-head h2{margin:12px 0 10px}
.block-head p{margin:0}
.band{background:#f5ecc2}
.band-sky{background:#a7d4e4}

/* Servicios agrupados: Para tu empresa / Para ti */
.path{margin-bottom:50px}
.path:last-child{margin-bottom:0}
.path-label{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.path-label .lab-tag,.pill{display:inline-block;font:800 10px/1.4 Raleway,sans-serif;letter-spacing:1.6px;text-transform:uppercase;background:#a7d4e4;color:#191919;padding:7px 12px;border-radius:30px}
.path:nth-child(2) .pill{background:#f5ecc2}
.path-label span:last-child{font-size:13px;color:#191919}
.card .btn{margin-top:18px}

/* Rejilla de puntos (qué trabajamos) */
.points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.point{background:#fff;border-radius:15px;padding:28px 30px;border:1px solid #7d133a1a}
.point b{display:block;font:800 10px/1.4 Raleway,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#7d133a;margin-bottom:10px}
.point h3{font-size:26px;margin:0 0 8px}
.point p{margin:0}

/* Pasos */
.steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:paso}
.steps-row article{border-top:2px solid #7d133a;padding-top:16px}
.steps-row article:before{counter-increment:paso;content:counter(paso) " /";font:400 34px/1 'DM Serif Display',serif;color:#7d133a;display:block;margin-bottom:10px}
.steps-row h3{font-size:24px;margin:0 0 6px}
.steps-row p{margin:0}

/* Caso real (Radar SCT) */
.case{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px 56px;align-items:center}
.case dl{margin:0 0 24px;display:grid;gap:16px}
.case dl div{border-top:1px solid #7d133a30;padding-top:12px}
.case dt{font:800 10px/1.4 Raleway,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#7d133a;margin-bottom:5px}
.case dd{margin:0;color:#191919}
.shot{margin:0;background:#fafaf7;border:1px solid #7d133a30;border-radius:12px;box-shadow:0 17px 32px #7d133a1c;overflow:hidden;transform:rotate(1.2deg)}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{font-size:11px;line-height:1.5;padding:10px 15px 12px;color:#191919}

/* Dónde enseño */
.rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rooms article{background:#fafaf7;border-radius:15px;padding:24px 26px}
.rooms h3{font-size:24px;margin:0 0 6px}
.rooms p{margin:0;font-size:14px}

/* Puente entre servicios */
.bridge{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;background:#fff;border-radius:15px;padding:30px 34px;border-left:5px solid #7d133a}
.bridge h3{font-size:26px;margin:0 0 4px}
.bridge p{margin:0;max-width:620px}
.bridge .btn{margin-top:0;white-space:nowrap}

/* Preguntas */
.faq-list{max-width:820px}
.faq-list details{border-top:1px solid #7d133a30;padding:16px 0}
.faq-list details:last-child{border-bottom:1px solid #7d133a30}
.faq-list summary{cursor:pointer;font:400 22px/1.3 'DM Serif Display',serif;color:#7d133a;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font-family:Raleway,sans-serif;font-weight:300}
.faq-list details[open] summary:after{content:"–"}
.faq-list details p{margin:10px 0 0}

/* Cierre */
.closing{background:#7d133a;text-align:center}
.closing h2,.closing p,.closing .eyebrow{color:#fafaf7!important}
.closing .eyebrow{color:#f5ecc2!important}
.closing p{max-width:560px;margin:0 auto}
.closing .btn{background:#fafaf7;color:#7d133a!important;margin-top:22px}
.closing small{display:block;margin-top:18px;font-size:12px;color:#fafaf7}
.closing small a{color:#f5ecc2}

@media(max-width:850px){
  .points,.steps-row,.rooms{grid-template-columns:1fr}
  .case{grid-template-columns:1fr}
  .shot{transform:none}
  .bridge{padding:24px}
  .path-label{flex-wrap:wrap}
}