/* CSS de eliminacion-verrugas extraído del index.html original */

/* ================================================================
VERRUGAS.HTML — ELIMINACIÓN LÁSER CO₂
Paleta: Negro cálido · Ámbar · Dorado · Blanco crema
================================================================ */

:root{
--bg-dark:    #0F0800;
--bg-dark2:   #1A0F00;
--amb:        #D97706;
--amb-lt:     #F59E0B;
--amb-dk:     #B45309;
--amb-glow:   rgba(217,119,6,0.35);
--cream:      #FFFBF5;
--cream2:     #FFF8EE;
--text-dark:  #1C1008;
--text-mid:   #44382A;
--text-muted: #78644A;
--border-lt:  rgba(217,119,6,0.2);
--border-dk:  rgba(217,119,6,0.08);
--white:      #FFFFFF;
--grn:        #10B981;
--fd: 'Playfair Display', serif;
--fb: 'DM Sans', sans-serif;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; overflow-x:hidden; }

body { font-family:var(--fb); color:var(--text-dark); background:var(--white); -webkit-font-smoothing:antialiased; overflow-x:hidden; }

/* ── HEADER (heredado del sistema) ── */

@keyframes bpm { 0%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0.9);}45%{transform:scale(1.3);box-shadow:0 0 0 16px rgba(16,185,129,0);}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0);} }

.header-hebreas { height:20px; display:block; }

/* ── BOTONES FLOTANTES ── */

.back-top { position:fixed; bottom:100px; left:28px; width:44px; height:44px; background:var(--amb); color:#FFF; border:none; border-radius:50%; font-size:1.1rem; cursor:pointer; z-index:900; opacity:0; pointer-events:none; transition:opacity .3s; display:flex; align-items:center; justify-content:center; }

.tel-float { position:fixed; bottom:100px; left:28px; background:var(--amb); color:#FFF; border-radius:50%; width:52px; height:52px; display:flex; justify-content:center; align-items:center; box-shadow:0 6px 20px var(--amb-glow); z-index:9998; transition:transform .3s; }

.tel-float svg { width:26px; height:26px; fill:currentColor; }




/* ── BOTONES ── */

.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:15px 32px; border-radius:50px; font-weight:700; text-decoration:none; cursor:pointer; border:none; transition:all .25s ease; font-size:1rem; font-family:var(--fb); }

.btn-amber { background:var(--amb); color:#FFFFFF; box-shadow:0 6px 24px var(--amb-glow); }

.btn-amber:hover { background:var(--amb-dk); transform:translateY(-2px); box-shadow:0 10px 32px var(--amb-glow); }

.btn-amber-outline { background:transparent; color:var(--amb); border:2px solid var(--amb); }

.btn-amber-outline:hover { background:var(--amb); color:#FFFFFF; }

.btn-dark { background:var(--bg-dark); color:#FFFFFF; border:1px solid rgba(217,119,6,0.3); }

.btn-dark:hover { background:var(--bg-dark2); }

.btn-lg { padding:18px 44px; font-size:1.15rem; }

.btn-full { width:100%; }

/* ── SECCIÓN BASE ── */

section { position:relative; }

.sec-inner { max-width:1100px; margin:0 auto; padding:80px 5%; }

.sec-inner-narrow { max-width:820px; margin:0 auto; padding:80px 5%; }

/* ── BADGE ── */

.sec-badge { display:inline-block; padding:6px 18px; border-radius:50px; font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; border:1px solid var(--border-lt); background:rgba(217,119,6,.08); color:var(--amb); margin-bottom:14px; }

.sec-badge-light { background:rgba(217,119,6,.12); border-color:rgba(217,119,6,.3); color:var(--amb-dk); }

/* ══════════════════════════════
1. HERO
══════════════════════════════ */

.hero {
min-height:100vh;
background:#0F0800;
display:flex; flex-direction:column;
padding:82px 5% 0;
overflow:hidden;
position:relative;
}

.hero::before {
content:'';
position:absolute; inset:0;
background-image:radial-gradient(rgba(217,119,6,.1) 1px, transparent 1px);
background-size:32px 32px;
animation:drift 20s linear infinite;
pointer-events:none;
}

@keyframes drift{0%{background-position:0 0;}100%{background-position:32px 32px;}}

.hero-glow { position:absolute; top:-200px; left:50%; transform:translateX(-50%); width:900px; height:600px; background:radial-gradient(ellipse at center,rgba(217,119,6,.18) 0%,rgba(15,8,0,0) 70%); pointer-events:none; }

.hero-inner { max-width:820px; margin:0 auto; text-align:center; position:relative; z-index:2; padding:50px 0 60px; }

/* Alerta top */

.hero-alert { display:inline-flex; align-items:center; gap:9px; background:rgba(217,119,6,.12); border:1px solid rgba(217,119,6,.4); color:#F59E0B; padding:8px 20px; border-radius:50px; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; margin-bottom:28px; animation:pulse-border 2.5s ease-in-out infinite; }

/* Título animado */

.hero-title-wrap { margin-bottom:14px; }

.hero-title { font-family:var(--fd); font-size:clamp(3.5rem,10vw,7.5rem); font-weight:900; font-style:italic; line-height:.95; display:inline-block; background:linear-gradient(90deg,#ffffff 0%,#F59E0B 20%,#ffffff 40%,#FCD34D 60%,#ffffff 80%,#D97706 100%); background-size:300% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:title-sweep-amb 4s linear infinite; filter:drop-shadow(0 0 40px rgba(217,119,6,.5)); }

@keyframes title-sweep-amb{0%{background-position:0% center;}100%{background-position:300% center;}}

/* Location */

.hero-location { font-size:clamp(.75rem,2vw,1rem); color:var(--amb); font-weight:800; text-transform:uppercase; letter-spacing:.25em; margin-bottom:22px; display:block; }

/* Hook */

.hero-hook { font-size:clamp(1.1rem,3vw,1.55rem); color:#e2e8f0; font-weight:400; margin-bottom:28px; line-height:1.55; max-width:620px; margin-left:auto; margin-right:auto; }

.hero-hook em { font-style:normal; color:#FCD34D; font-weight:700; }

/* Pills */

.hero-pills { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:36px; }

.hero-pill { background:rgba(217,119,6,.1); border:1px solid rgba(217,119,6,.25); color:#FCD34D; padding:7px 16px; border-radius:50px; font-size:.8rem; font-weight:600; }

/* CTAs */

.hero-ctas { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }

/* Precio strip */

.hero-price-strip { display:inline-flex; align-items:center; gap:14px; background:rgba(217,119,6,.08); border:1px solid rgba(217,119,6,.25); border-radius:14px; padding:13px 24px; margin-top:32px; flex-wrap:wrap; justify-content:center; }

.hero-price-strip span { color:#FCD34D; font-size:.85rem; font-weight:600; }

.hero-price-strip strong { color:#F59E0B; font-size:1.2rem; font-weight:900; }

.hero-dot { width:10px; height:10px; background:#22c55e; border-radius:50%; display:inline-block; animation:latido 2s infinite; flex-shrink:0; }

@keyframes latido { 0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,.7);}70%{transform:scale(1.15);box-shadow:0 0 0 8px rgba(34,197,94,0);}100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,0);} }

.wa-badge { font-size:.82rem; font-weight:600; color:rgba(255,255,255,.5); text-align:center; margin-top:6px; }

.hero-trust {
display:flex;
align-items:center;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-top:40px;
padding-top:32px;
border-top:1px solid rgba(217,119,6,0.15);
}

.hero-trust-item {
display:flex;
align-items:center;
gap:8px;
font-size:.85rem;
font-weight:600;
color:rgba(255,255,255,.6);
}

.hero-trust-item span { color:var(--amb-lt); font-size:1rem; }

/* ══════════════════════════════
2. QUÉ ELIMINAMOS
══════════════════════════════ */

.lesiones-section { background:var(--cream); }

.lesiones-section .sec-inner { text-align:center; }

.lesiones-title { font-family:var(--fd); font-size:clamp(1.8rem,4vw,2.6rem); color:var(--text-dark); margin-bottom:12px; }

.lesiones-sub { font-size:1.05rem; color:var(--text-muted); margin-bottom:50px; max-width:600px; margin-left:auto; margin-right:auto; }

.lesiones-grid {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
gap:20px;
margin-bottom:40px;
}

.lesion-card {
background:#FFFFFF;
border:1.5px solid var(--border-dk);
border-radius:16px;
padding:28px 20px;
text-align:center;
transition:all .25s ease;
cursor:default;
}

.lesion-card:hover {
border-color:var(--amb);
box-shadow:0 8px 32px rgba(217,119,6,.12);
transform:translateY(-4px);
}

.lesion-icon { font-size:2.2rem; margin-bottom:12px; display:block; }

.lesion-name { font-weight:800; font-size:1rem; color:var(--text-dark); margin-bottom:6px; }

.lesion-desc { font-size:.85rem; color:var(--text-muted); line-height:1.5; }

.lesiones-nota {
background:linear-gradient(135deg, #FFF8EE, #FFF3D6);
border:1.5px dashed rgba(217,119,6,.4);
border-radius:14px;
padding:20px 28px;
font-size:.95rem;
color:var(--text-mid);
font-weight:600;
max-width:680px;
margin:0 auto;
}

/* ══════════════════════════════
3. COMPARATIVA
══════════════════════════════ */

.comparativa-section { background:#FFFFFF; }

.comparativa-section .sec-inner { text-align:center; }

.comp-title { font-family:var(--fd); font-size:clamp(1.8rem,4vw,2.6rem); color:var(--text-dark); margin-bottom:12px; }

.comp-sub { font-size:1.05rem; color:var(--text-muted); margin-bottom:50px; }

.comp-grid {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
gap:24px;
}

.comp-card {
border-radius:20px;
padding:32px 28px;
text-align:left;
}

.comp-card.loser {
background:#F8F8F8;
border:1.5px solid #E5E5E5;
opacity:.85;
}

.comp-card.winner {
background:linear-gradient(160deg, #1A0F00, #2A1800);
border:2px solid var(--amb);
box-shadow:0 12px 40px var(--amb-glow);
position:relative;
overflow:hidden;
}

.comp-card.winner::before {
content:'';
position:absolute; top:0; left:0; right:0; height:4px;
background:linear-gradient(90deg, var(--amb), var(--amb-lt), var(--amb));
}

.comp-winner-tag {
position:absolute;
top:18px; right:18px;
background:var(--amb);
color:#FFF;
font-size:.7rem;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
padding:4px 12px;
border-radius:50px;
}

.comp-head { font-weight:800; font-size:1.2rem; margin-bottom:20px; display:flex; align-items:center; gap:10px; }

.comp-card.loser .comp-head { color:#777; }

.comp-card.winner .comp-head { color:var(--amb-lt); }

.comp-list { list-style:none; display:flex; flex-direction:column; gap:10px; }

.comp-list li { font-size:.9rem; font-weight:600; display:flex; align-items:center; gap:10px; }

.comp-card.loser .comp-list li { color:#888; }

.comp-card.winner .comp-list li { color:rgba(255,255,255,.85); }

.comp-list li::before { content:'✗'; color:#FF6B6B; font-weight:800; flex-shrink:0; }

.comp-card.winner .comp-list li::before { content:'✓'; color:var(--amb-lt); }

/* ══════════════════════════════
4. PROCEDIMIENTO
══════════════════════════════ */

.proc-section { background:var(--cream); }

.proc-section .sec-inner-narrow { text-align:center; }

.proc-title { font-family:var(--fd); font-size:clamp(1.8rem,4vw,2.6rem); color:var(--text-dark); margin-bottom:12px; }

.proc-sub { font-size:1.05rem; color:var(--text-muted); margin-bottom:50px; }

.proc-steps { display:flex; flex-direction:column; gap:0; position:relative; }

.proc-steps::before {
content:'';
position:absolute;
left:30px; top:0; bottom:0;
width:3px;
background:linear-gradient(to bottom, var(--amb), rgba(217,119,6,0.1));
border-radius:3px;
z-index:0;
}

.proc-step {
display:flex;
gap:28px;
align-items:flex-start;
padding:0 0 40px 0;
position:relative;
z-index:1;
text-align:left;
}

.proc-step:last-child { padding-bottom:0; }

.proc-num {
width:62px;
height:62px;
background:var(--amb);
color:#FFF;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:1.5rem;
font-weight:800;
flex-shrink:0;
box-shadow:0 6px 20px var(--amb-glow);
border:3px solid #FFFBF5;
}

.proc-content { padding-top:12px; }

.proc-content h4 { font-size:1.15rem; font-weight:800; color:var(--text-dark); margin-bottom:8px; }

.proc-content p { font-size:.95rem; color:var(--text-mid); line-height:1.7; }

.proc-content strong { color:var(--amb-dk); }

.proc-callout {
background:linear-gradient(135deg, #1A0F00, #2A1800);
border:1px solid rgba(217,119,6,.3);
border-radius:16px;
padding:24px 28px;
text-align:center;
margin-top:40px;
color:rgba(255,255,255,.85);
font-size:1.05rem;
font-weight:600;
line-height:1.7;
}

.proc-callout strong { color:var(--amb-lt); }

/* ══════════════════════════════
5. PRECIO
══════════════════════════════ */

.precio-section { background:#FFFFFF; }

.precio-section .sec-inner { text-align:center; }

.precio-title { font-family:var(--fd); font-size:clamp(1.8rem,4vw,2.6rem); color:var(--text-dark); margin-bottom:12px; }

.precio-sub { font-size:1.05rem; color:var(--text-muted); margin-bottom:50px; }

.precio-cards {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:24px;
margin-bottom:36px;
}

.precio-card {
border-radius:20px;
padding:36px 28px;
text-align:center;
}

.precio-card.valoracion {
background:var(--cream2);
border:1.5px solid var(--border-dk);
}

.precio-card.eliminacion {
background:linear-gradient(160deg, #1A0F00, #2A1800);
border:2px solid var(--amb);
box-shadow:0 12px 40px var(--amb-glow);
}

.pc-icon { font-size:2.5rem; margin-bottom:16px; display:block; }

.pc-name { font-weight:800; font-size:1.1rem; margin-bottom:8px; }

.precio-card.valoracion .pc-name { color:var(--text-dark); }

.precio-card.eliminacion .pc-name { color:var(--amb-lt); }

.pc-price {
font-family:var(--fd);
font-size:2.8rem;
font-weight:800;
line-height:1;
margin:16px 0 8px;
}

.precio-card.valoracion .pc-price { color:var(--amb-dk); }

.precio-card.eliminacion .pc-price { color:#FFFFFF; }

.pc-currency { font-size:1.1rem; font-weight:600; }

.pc-note { font-size:.85rem; font-weight:600; margin-top:8px; }

.precio-card.valoracion .pc-note { color:var(--text-muted); }

.precio-card.eliminacion .pc-note { color:rgba(255,255,255,.6); }

.pc-desc { font-size:.9rem; line-height:1.6; margin-top:12px; }

.precio-card.valoracion .pc-desc { color:var(--text-mid); }

.precio-card.eliminacion .pc-desc { color:rgba(255,255,255,.75); }

.precio-beneficio {
background:linear-gradient(135deg,#FFF3D6, #FFF8EE);
border:1.5px dashed rgba(217,119,6,.5);
border-radius:14px;
padding:20px 28px;
font-size:.95rem;
font-weight:700;
color:var(--amb-dk);
margin-bottom:28px;
}

.precio-transparencia {
background:var(--cream);
border-radius:16px;
padding:28px 32px;
font-size:.95rem;
color:var(--text-mid);
line-height:1.8;
text-align:left;
max-width:680px;
margin:0 auto;
border:1px solid var(--border-dk);
}

.precio-transparencia strong { color:var(--text-dark); }

/* ══════════════════════════════
6. TESTIMONIALES
══════════════════════════════ */

.testi-section { background:var(--cream2); }

.testi-section .sec-inner { text-align:center; }

.testi-title { font-family:var(--fd); font-size:clamp(1.8rem,4vw,2.4rem); color:var(--text-dark); margin-bottom:12px; }

.testi-sub { font-size:1rem; color:var(--text-muted); margin-bottom:40px; }

.testi-grid {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:24px;
margin-bottom:36px;
}

.testi-card { background:#FFFFFF; border:1px solid var(--border-dk); border-radius:16px; padding:28px; text-align:left; }

.testi-top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:12px; }

.testi-author-row { display:flex; align-items:center; gap:12px; }

.testi-avatar { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; color:#FFF; font-size:1rem; flex-shrink:0; }

.testi-name { font-weight:700; font-size:.95rem; color:var(--text-dark); }

.testi-date { font-size:.8rem; color:var(--text-muted); }

.testi-stars { color:#F59E0B; font-size:1.1rem; margin-bottom:10px; }

.testi-text { font-style:italic; color:var(--text-mid); font-size:.95rem; line-height:1.7; margin-bottom:12px; }

.testi-verified { font-size:.78rem; color:var(--text-muted); font-weight:600; }

.google-g { width:22px; height:22px; flex-shrink:0; }

.testi-google-badge { display:inline-flex; flex-direction:column; align-items:center; text-decoration:none; background:#FFFFFF; border:1.5px solid #E5E7EB; border-radius:14px; padding:16px 28px; transition:box-shadow .2s; }

.testi-google-badge:hover { box-shadow:0 4px 20px rgba(0,0,0,.08); }

.badge-stars { color:#F59E0B; font-size:1.2rem; margin-bottom:4px; }

.badge-text { font-weight:700; font-size:.9rem; color:var(--text-dark); }

.badge-cta { font-size:.82rem; color:#1D6FFF; font-weight:600; margin-top:2px; }

/* ══════════════════════════════
7. PREGUNTAS FRECUENTES
══════════════════════════════ */

.faq-section { background:#FFFFFF; }

.faq-section .sec-inner-narrow { }

.faq-title { font-family:var(--fd); font-size:clamp(1.8rem,4vw,2.4rem); color:var(--text-dark); margin-bottom:12px; text-align:center; }

.faq-sub { font-size:1rem; color:var(--text-muted); margin-bottom:40px; text-align:center; }

.faq-list { display:flex; flex-direction:column; gap:12px; }

.faq-item { border:1.5px solid var(--border-dk); border-radius:14px; overflow:hidden; transition:border-color .2s; }

.faq-item.open { border-color:rgba(217,119,6,.4); }

.faq-q {
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 24px;
cursor:pointer;
font-weight:700;
font-size:1rem;
color:var(--text-dark);
gap:12px;
background:#FFFFFF;
user-select:none;
}

.faq-q:hover { background:var(--cream); }

.faq-chev { color:var(--amb); font-size:1rem; flex-shrink:0; transition:transform .3s; }

.faq-item.open .faq-chev { transform:rotate(180deg); }

.faq-a { display:none; padding:0 24px 20px; font-size:.95rem; color:var(--text-mid); line-height:1.8; }

.faq-item.open .faq-a { display:block; }

.faq-a strong { color:var(--amb-dk); }

.faq-wa-cta {
margin-top:36px;
text-align:center;
background:var(--cream);
border-radius:16px;
padding:28px 24px;
border:1px solid var(--border-dk);
}

.faq-wa-cta p { font-size:.95rem; color:var(--text-mid); margin-bottom:16px; }

/* ══════════════════════════════
8. CTA FINAL
══════════════════════════════ */

.cta-final { background:linear-gradient(160deg, #0F0800 0%, #1A0F00 50%, #2A1800 100%); position:relative; overflow:hidden; }

.cta-final::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 100%, rgba(217,119,6,.18) 0%, transparent 65%); pointer-events:none; }

.cta-final .sec-inner { text-align:center; position:relative; z-index:1; }

.cta-final-title { font-family:var(--fd); font-size:clamp(2rem,5vw,3.2rem); font-weight:800; color:#FFFFFF; margin-bottom:16px; }

.cta-final-title span { color:var(--amb-lt); }

.cta-final-sub { font-size:1.1rem; color:rgba(255,255,255,.7); max-width:560px; margin:0 auto 36px; line-height:1.7; }

.cta-urgencia { display:inline-flex; align-items:center; gap:8px; background:rgba(217,119,6,.15); border:1px solid rgba(217,119,6,.3); color:var(--amb-lt); padding:10px 22px; border-radius:50px; font-size:.88rem; font-weight:700; margin-bottom:28px; }

/* ── FOOTER ── */

/* ── RESPONSIVE ── */

@media(max-width:640px){
.hero-cta-row { flex-direction:column; }
.btn-lg { padding:16px 28px; font-size:1rem; }
.proc-steps::before { left:26px; }
.proc-num { width:52px; height:52px; font-size:1.2rem; }
.comp-grid { grid-template-columns:1fr; }
.precio-cards { grid-template-columns:1fr; }
}