/* Estilos de la plantilla "Servicio DOM" v2 — replica el mockup aprobado */

.dom-breadcrumb{padding:16px 24px;font-size:13px;color:#6b6b6b;max-width:1180px;margin:0 auto;}
.dom-breadcrumb a{color:#6b6b6b;text-decoration:none;}
.dom-breadcrumb a:hover{color:#2f8a54;}
.dom-breadcrumb .sep{margin:0 6px;opacity:0.5;}
.dom-breadcrumb .current{color:#2f8a54;}

.dom-service-hero{position:relative;min-height:46vh;display:flex;align-items:flex-end;background-color:#0a0a0a;background-size:cover;background-position:center 30%;padding:56px 24px 48px;}
.dom-service-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,10,10,0.30), rgba(10,10,10,0.94));}
.dom-service-hero .wrap{position:relative;max-width:1180px;margin:0 auto;width:100%;}
.dom-service-hero h1{font-size:42px;font-weight:800;letter-spacing:-0.02em;color:#f2f2f2;max-width:820px;margin:0 0 14px;}
.dom-hero-sub{font-size:17px;color:#dcdcdc;max-width:620px;line-height:1.5;}
.dom-hero-sub p{margin:0 0 6px;}

.dom-main-content-wrapper{padding:64px 0 72px;max-width:1180px;margin:0 auto;}
.dom-content-grid{display:grid;grid-template-columns:2.05fr 1fr;gap:56px;align-items:start;padding:0 24px;}

.page-text-wrapper{font-size:16.5px;color:#3a3a3a;line-height:1.7;background:#f6f6f6;border:1px solid #e9e9e9;border-radius:20px;padding:44px 46px;}
.page-text-wrapper > p{margin:0 0 18px;}
.page-text-wrapper h2{font-size:24px;margin:38px 0 16px;color:#121212;font-weight:800;position:relative;padding-top:16px;}
.page-text-wrapper h2::before{content:"";position:absolute;top:0;left:0;width:44px;height:4px;background:#5CFF8A;border-radius:2px;}
.page-text-wrapper h2:first-child{margin-top:0;}
.page-text-wrapper h3{font-size:17px;margin:0 0 6px;color:#121212;font-weight:800;}
.page-text-wrapper ul{list-style:none;margin:0 0 20px;padding:0;}
.page-text-wrapper li{position:relative;padding-left:28px;margin-bottom:10px;}
.page-text-wrapper li::before{content:"\2713";position:absolute;left:0;top:0;color:#2f8a54;font-weight:800;}
.page-text-wrapper a{color:#2f8a54;font-weight:600;}

/* FAQ acordeon */
.page-text-wrapper details{border:1px solid #e2e2e2;border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden;}
.page-text-wrapper details summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:16px;font-weight:700;color:#121212;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.page-text-wrapper details summary::-webkit-details-marker{display:none;}
.page-text-wrapper details summary::after{content:"+";color:#2f8a54;font-size:22px;font-weight:700;line-height:1;flex-shrink:0;}
.page-text-wrapper details[open]{background:#fff;}
.page-text-wrapper details[open] summary::after{content:"\2013";}
.page-text-wrapper details p{padding:0 22px 20px;margin:0;color:#5a5a5a;font-size:15px;}

/* Sidebar */
.dom-service-sidebar{position:sticky;top:96px;}
.dom-sidebar-card{background:#161616;border:1px solid #262626;border-radius:16px;padding:28px 26px;}
.dom-sidebar-card h4{font-size:16px;margin:0 0 18px;color:#f2f2f2;font-weight:800;}
.dom-sidebar-rows{margin-bottom:22px;}
.dom-sidebar-row{display:flex;gap:12px;padding:12px 0;border-top:1px solid #262626;font-size:14px;color:#a3a3a3;}
.dom-sidebar-row:first-child{border-top:none;padding-top:0;}
.dom-sidebar-row .ico{color:#5CFF8A;flex-shrink:0;font-size:15px;}
.dom-sidebar-row strong{display:block;color:#f2f2f2;font-size:11px;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:2px;font-weight:700;}
.dom-sidebar-card .btn{width:100%;justify-content:center;}
.dom-sidebar-card .btn+.btn{margin-top:10px;}

.dom-section{padding:60px 24px;max-width:1180px;margin:0 auto;}
.dom-testi-head{display:flex;align-items:center;gap:16px;margin-bottom:32px;color:#121212;}
.dom-stars{color:#2f8a54;font-size:20px;letter-spacing:2px;}
.dom-testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.dom-testi-card{background:#161616;border:1px solid #262626;border-radius:14px;padding:26px;}
.dom-testi-card p{color:#a3a3a3;font-size:14.5px;margin-bottom:18px;}
.dom-testi-name{font-weight:700;font-size:14px;color:#f2f2f2;}
.dom-testi-loc{color:#5CFF8A;font-size:12.5px;}

.dom-cta-final{background:radial-gradient(circle at 30% 30%, rgba(92,255,138,0.12), transparent 60%), #121212;border-radius:24px;padding:70px 40px;text-align:center;}
.dom-cta-final h2{font-size:34px;margin-bottom:14px;color:#f2f2f2;font-weight:800;}
.dom-cta-final p{color:#a3a3a3;margin-bottom:30px;font-size:16px;}
.dom-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

.dom-service-hero .eyebrow,.dom-cta-final .eyebrow{color:#5CFF8A;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:0.08em;margin-bottom:10px;display:block;}

.dom-sidebar-card .btn,.dom-cta-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;border:2px solid transparent;text-decoration:none;}
.btn-primary{background:#5CFF8A;color:#0a0a0a;}
.btn-primary:hover{filter:brightness(1.08);color:#0a0a0a;}
.btn-outline{border-color:#3a3a3a;color:#f2f2f2;}
.btn-outline:hover{border-color:#5CFF8A;color:#5CFF8A;}

@media(max-width:900px){
.dom-service-hero h1{font-size:30px;}
.dom-content-grid{grid-template-columns:1fr;gap:36px;}
.dom-service-sidebar{position:static;}
.dom-testi-grid{grid-template-columns:1fr;}
}