:root{
 --rosa:#d95f94;
 --rosa2:#ef9dbd;
 --vino:#681d43;
 --vino2:#41132d;
 --perla:#fff8fb;
 --texto:#432d37;
 --gris:#75616a;
 --borde:#efd4df;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
 margin:0;
 font-family:Arial,Helvetica,sans-serif;
 color:var(--texto);
 background:#fff;
 line-height:1.7;
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

header{
 position:sticky;
 top:0;
 z-index:100;
 background:rgba(255,255,255,.97);
 border-bottom:1px solid var(--borde);
 backdrop-filter:blur(12px);
}

.nav{
 max-width:1200px;
 margin:auto;
 min-height:78px;
 padding:8px 20px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:25px;
}

.logo{
 width:190px;
 max-height:60px;
 object-fit:contain;
}

.nav-links{
 display:flex;
 gap:20px;
 font-size:13px;
 font-weight:700;
}

.btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:13px 21px;
 border-radius:50px;
 font-weight:800;
 transition:.2s;
}

.btn:hover{transform:translateY(-2px)}

.btn-rosa{
 background:linear-gradient(135deg,var(--rosa2),var(--rosa));
 color:#fff;
}

.btn-white{
 background:#fff;
 color:var(--vino);
 border:1px solid var(--borde);
}

.hero{
 background:
 linear-gradient(100deg,rgba(57,13,34,.82),rgba(72,17,43,.30)),
 url('/assets/hero-salon.webp') center/cover;
 color:#fff;
 min-height:540px;
 display:flex;
 align-items:center;
}

.hero-inner{
 width:100%;
 max-width:1200px;
 margin:auto;
 padding:80px 22px;
}

.kicker{
 color:#ffc9df;
 font-size:11px;
 letter-spacing:3px;
 font-weight:900;
 text-transform:uppercase;
}

h1{
 max-width:850px;
 font-family:Georgia,serif;
 font-size:clamp(44px,7vw,78px);
 line-height:1.02;
 margin:10px 0 18px;
}

.hero p{
 max-width:690px;
 font-size:18px;
 color:#fff4f8;
}

.actions{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 margin-top:27px;
}

main section{
 padding:75px 22px;
}

.container{
 max-width:1050px;
 margin:auto;
}

.intro{
 max-width:830px;
 margin:auto;
 text-align:center;
}

.eyebrow{
 color:var(--rosa);
 font-size:10px;
 letter-spacing:3px;
 font-weight:900;
 text-transform:uppercase;
}

h2{
 color:var(--vino2);
 font-family:Georgia,serif;
 font-size:clamp(33px,5vw,52px);
 line-height:1.1;
 margin:8px 0 18px;
}

h3{
 color:var(--vino);
 font-size:20px;
 margin:0 0 8px;
}

p{color:var(--gris)}

.grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:18px;
 margin-top:35px;
}

.card{
 background:#fff8fb;
 border:1px solid var(--borde);
 border-radius:19px;
 padding:25px;
}

.card p{
 font-size:14px;
 margin-bottom:0;
}

.feature{background:#fff4f8}

.two{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:40px;
 align-items:center;
}

.two img{
 border-radius:26px;
 box-shadow:0 20px 55px rgba(83,22,50,.15);
}

.checks{
 list-style:none;
 padding:0;
}

.checks li{
 padding:8px 0;
 color:#68545d;
 border-bottom:1px solid #f2dfe7;
}

.checks li:before{
 content:"✓";
 color:var(--rosa);
 font-weight:bold;
 margin-right:9px;
}

.faq{
 max-width:850px;
 margin:auto;
}

.faq-item{
 padding:21px 0;
 border-bottom:1px solid var(--borde);
}

.faq-item strong{
 display:block;
 color:var(--vino);
 font-size:17px;
 margin-bottom:5px;
}

.internal-links{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:9px;
 margin-top:28px;
}

.internal-links a{
 background:#fff6fa;
 color:var(--vino);
 border:1px solid var(--borde);
 padding:9px 13px;
 border-radius:40px;
 font-size:12px;
 font-weight:700;
}

.cta{
 background:linear-gradient(135deg,var(--vino),var(--vino2));
 color:#fff;
 text-align:center;
}

.cta h2,
.cta p{color:#fff}

.cta p{
 max-width:680px;
 margin:0 auto 24px;
}

footer{
 background:#351023;
 color:#dbc5cf;
 padding:38px 20px;
 text-align:center;
 font-size:12px;
}

footer a{color:#ffc4dc}

@media(max-width:800px){
 .nav-links{display:none}
 .grid{grid-template-columns:1fr}
 .two{grid-template-columns:1fr}
}

@media(max-width:600px){
 .logo{width:145px}
 .nav .btn{font-size:11px;padding:10px 13px}
 .hero{min-height:480px}
 .hero-inner{padding:60px 18px}
 .hero p{font-size:16px}
 main section{padding:55px 18px}
}

/* ==========================================
   SALON PREMIER SEO FASE 3B SERVICIOS
========================================== */

.service-price-note{
 margin-top:22px;
 padding:17px 19px;
 background:#fff;
 border:1px solid #efd4df;
 border-radius:15px;
 color:#725d66;
 font-size:13px;
}

.service-price-note strong{
 color:#681d43;
}

.service-directory{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:15px;
 margin-top:35px;
}

.service-directory a{
 display:block;
 background:#fff8fb;
 border:1px solid #efd4df;
 border-radius:17px;
 padding:20px;
 color:#681d43;
 font-weight:800;
 transition:.2s;
}

.service-directory a:hover{
 transform:translateY(-3px);
 border-color:#d95f94;
 box-shadow:0 12px 30px rgba(90,25,55,.08);
}

.service-directory span{
 display:block;
 color:#8a6d79;
 font-size:11px;
 font-weight:400;
 margin-top:4px;
}

.breadcrumb{
 max-width:1050px;
 margin:auto;
 padding:15px 22px 0;
 font-size:11px;
 color:#977787;
}

.breadcrumb a{
 color:#c75083;
}

@media(max-width:800px){

 .service-directory{
   grid-template-columns:1fr 1fr;
 }

}

@media(max-width:550px){

 .service-directory{
   grid-template-columns:1fr;
 }

}


/* ==================================================
   SALON PREMIER SEO 3C MEDIA REAL
================================================== */

.service-proof{
 background:#fff;
 padding:75px 22px;
}

.service-proof-inner{
 max-width:1050px;
 margin:auto;
}

.service-proof-heading{
 max-width:800px;
 margin:0 auto 35px;
 text-align:center;
}

.service-proof-heading small{
 display:block;
 color:#d95f94;
 font-size:10px;
 font-weight:900;
 letter-spacing:3px;
 text-transform:uppercase;
}

.service-proof-heading h2{
 margin:8px 0 12px;
}

.service-proof-heading p{
 max-width:760px;
 margin:auto;
}

.service-proof-grid{
 display:grid;
 grid-template-columns:1.05fr .95fr;
 gap:22px;
 align-items:stretch;
}

.service-proof-image,
.service-proof-video{
 background:#f7eaf0;
 border:1px solid #efd4df;
 border-radius:24px;
 overflow:hidden;
 box-shadow:0 14px 40px rgba(83,22,50,.09);
}

.service-proof-image img{
 width:100%;
 height:100%;
 min-height:440px;
 object-fit:cover;
 object-position:center top;
}

.service-proof-video{
 display:flex;
 flex-direction:column;
}

.service-proof-video video{
 width:100%;
 aspect-ratio:16/9;
 object-fit:cover;
 background:#111;
}

.service-proof-caption{
 padding:18px 20px;
}

.service-proof-caption strong{
 display:block;
 color:#681d43;
 font-size:17px;
}

.service-proof-caption p{
 margin:5px 0 0;
 font-size:13px;
}

.service-local-info{
 margin-top:25px;
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:14px;
}

.service-local-card{
 background:#fff7fa;
 border:1px solid #efd4df;
 border-radius:17px;
 padding:20px;
}

.service-local-card strong{
 display:block;
 color:#681d43;
 font-size:15px;
 margin-bottom:6px;
}

.service-local-card p{
 font-size:13px;
 margin:0;
}

.service-quote-box{
 margin-top:27px;
 padding:26px;
 background:
 linear-gradient(135deg,#681d43,#46142f);
 color:#fff;
 border-radius:22px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:25px;
}

.service-quote-box h3{
 color:#fff;
 font-family:Georgia,serif;
 font-size:25px;
 margin:0 0 5px;
}

.service-quote-box p{
 color:#ead9e1;
 margin:0;
 font-size:13px;
}

.service-quote-box .btn{
 flex-shrink:0;
}

.service-location-line{
 margin-top:18px;
 text-align:center;
 color:#8a6c79;
 font-size:12px;
}

@media(max-width:800px){

 .service-proof-grid{
   grid-template-columns:1fr;
 }

 .service-local-info{
   grid-template-columns:1fr;
 }

 .service-proof-image img{
   min-height:auto;
   height:auto;
 }

 .service-quote-box{
   flex-direction:column;
   align-items:flex-start;
 }

 .service-quote-box .btn{
   width:100%;
 }

}


/* ==========================================
   SALON PREMIER SEO 3C TOP5
========================================== */

.service-pro{
 background:#fff;
 padding:75px 22px;
}

.service-pro-inner{
 max-width:1050px;
 margin:auto;
}

.service-pro-head{
 max-width:820px;
 margin:0 auto 32px;
 text-align:center;
}

.service-pro-head small{
 color:#d95f94;
 font-size:10px;
 font-weight:900;
 letter-spacing:3px;
}

.service-pro-head h2{
 margin:8px 0 13px;
}

.service-pro-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:15px;
}

.service-pro-card{
 border:1px solid #efd4df;
 background:#fff8fb;
 border-radius:18px;
 padding:23px;
}

.service-pro-card strong{
 display:block;
 color:#681d43;
 margin-bottom:6px;
}

.service-pro-card p{
 font-size:13px;
 margin:0;
}

.service-pro-cta{
 margin-top:28px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:25px;
 background:linear-gradient(135deg,#681d43,#42132d);
 border-radius:22px;
 padding:25px;
 color:white;
}

.service-pro-cta h3{
 color:white;
 margin:0 0 4px;
 font-family:Georgia,serif;
}

.service-pro-cta p{
 color:#eadce3;
 margin:0;
 font-size:13px;
}

.service-pro-location{
 text-align:center;
 color:#866975;
 font-size:12px;
 margin-top:17px;
}

@media(max-width:800px){

 .service-pro-grid{
   grid-template-columns:1fr;
 }

 .service-pro-cta{
   flex-direction:column;
   align-items:flex-start;
 }

 .service-pro-cta .btn{
   width:100%;
 }

}


/* =============================================
   SALON PREMIER SEO 3E RELATED
============================================= */

.service-related{
 margin-top:28px;
 padding:24px;
 background:#fff;
 border:1px solid #efd4df;
 border-radius:20px;
}

.service-related h3{
 margin:0 0 14px;
 color:#681d43;
 font-family:Georgia,serif;
 font-size:21px;
}

.service-related-links{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
}

.service-related-links a{
 display:inline-flex;
 align-items:center;
 min-height:42px;
 padding:10px 15px;
 border-radius:999px;
 border:1px solid #efd4df;
 background:#fff7fa;
 color:#681d43;
 font-size:13px;
 font-weight:700;
 text-decoration:none;
}

.service-related-links a:hover{
 background:#681d43;
 color:#fff;
 border-color:#681d43;
}

.service-search-text{
 max-width:850px;
 margin:20px auto 0;
 text-align:center;
 font-size:13px;
 color:#816a74;
 line-height:1.75;
}

@media(max-width:700px){

 .service-related-links{
   display:grid;
   grid-template-columns:1fr;
 }

 .service-related-links a{
   border-radius:13px;
 }

}


/* ==================================================
   SALON PREMIER SEO 3FB BREADCRUMBS
================================================== */

.seo-breadcrumbs{
 max-width:1100px;
 margin:0 auto;
 padding:14px 22px 5px;
 font-size:12px;
 color:#806b74;
}

.seo-breadcrumbs ol{
 list-style:none;
 margin:0;
 padding:0;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:7px;
}

.seo-breadcrumbs li{
 display:flex;
 align-items:center;
 gap:7px;
}

.seo-breadcrumbs li:not(:last-child)::after{
 content:"›";
 color:#c39baE;
 font-weight:700;
}

.seo-breadcrumbs a{
 color:#681d43;
 font-weight:700;
 text-decoration:none;
}

.seo-breadcrumbs a:hover{
 text-decoration:underline;
}

.seo-breadcrumbs [aria-current="page"]{
 color:#806b74;
}

@media(max-width:700px){
 .seo-breadcrumbs{
   padding:12px 17px 4px;
   font-size:11px;
 }
}