/* Páginas de servicios: la misma identidad editorial de Tafurtfer. */
.pagina-intro { padding: 142px var(--margen) 56px; border: 0; }
.pagina-intro .portada-pagina { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.78fr); gap: clamp(28px,5vw,80px); align-items: stretch; }
.pagina-copia { display: flex; flex-direction: column; justify-content: center; padding: 34px 0; }
.pagina-intro .etiqueta { margin-bottom: 24px; }
.pagina-intro .titulo-display { font-size: clamp(48px,6.3vw,96px); max-width: 820px; margin: 0 0 24px; line-height: .99; }
.pagina-intro .pagina-descripcion { color: #555; font-size: clamp(16px,1.2vw,19px); line-height: 1.6; max-width: 510px; margin: 0; }
.pagina-acciones { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 32px; }
.pagina-acciones .boton { white-space: normal; text-align: center; }
.pagina-prueba { margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--gris-regla); color: #626262; font: 400 12px/1.5 var(--maquina); text-transform: uppercase; letter-spacing: .2px; }
.pagina-panel { background: #f2f2f2; min-height: 420px; padding: clamp(24px,3vw,44px); display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.panel-meta { display:flex; justify-content:space-between; gap:16px; color:#686868; font:400 12px/1.4 var(--maquina); text-transform:uppercase; }
.panel-cuerpo { max-width: 490px; width: 100%; margin: 36px auto; }
.panel-cuerpo h2 { font: 400 clamp(30px,3vw,44px)/1.05 var(--maquina); text-transform: uppercase; margin: 0 0 18px; }
.panel-cuerpo p { color:#575757; line-height:1.6; margin:0 0 20px; max-width:42ch; }
.panel-filas { list-style:none; padding:0; margin:0; border-top:1px solid #c6c6c6; }
.panel-filas li { display:flex; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px solid #c6c6c6; font:400 14px/1.35 var(--maquina); }
.panel-filas span:last-child { color:#686868; }
.panel-chat { background:#fff; border:1px solid #d3d3d3; border-radius:18px; padding:22px; }
.panel-chat p { margin:0 0 14px; padding:12px 14px; border-radius:14px; background:#f2f2f2; color:#222; font-size:14px; }
.panel-chat p:last-child { margin:0 0 0 auto; background:#111; color:#fff; max-width:86%; }
.panel-crm { background:#06140f; padding:0; justify-content:center; }
.panel-crm img { display:block; width:100%; height:auto; }
.panel-crm .panel-meta { color:#c5d8cf; padding:18px 22px; }
.pagina-intro + section { border-top:1px solid var(--gris-regla); }
.pagina-intro + .capitulo { border-top:0; }
.pagina-intro + section.editorial, .pagina-intro + section.especificaciones { padding-top:80px; }
.pagina-intro + section.contacto { padding-top:80px; }
.pagina-intro ~ section .planes .plan { min-width:0; }
.revelar { opacity:1; transform:none; }
.boton:active { transform:scale(.98); }
@media(max-width:900px){.pagina-intro{padding-top:100px}.pagina-intro .portada-pagina{grid-template-columns:1fr;gap:8px}.pagina-copia{padding:20px 0 28px}.pagina-panel{min-height:300px}.panel-cuerpo{margin:28px auto}.pagina-prueba{margin-top:28px}.pagina-intro + section.editorial,.pagina-intro + section.especificaciones,.pagina-intro + section.contacto{padding-top:56px}}
@media(max-width:520px){.pagina-intro .titulo-display{font-size:clamp(42px,11vw,60px)}.pagina-acciones{gap:16px}.pagina-panel{min-height:260px;padding:24px}.panel-crm{padding:0}.pagina-intro{padding-bottom:40px}}
@media(max-width:700px){.planes { display:grid; grid-template-columns:1fr; overflow:visible; }.planes .plan { width:auto; min-width:0; }}
@media(prefers-reduced-motion:reduce){.boton:active{transform:none}}