.carillas-cta-wrap{padding:0 0 58px;background:var(--beige)}
.carillas-cta{
--carillas-bronce:#9D5B17;
--carillas-bronce-vivo:#B8792E;
--carillas-bronce-suave:#D8B783;
--carillas-bronce-rgb:184,121,46;
position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center;
overscroll-behavior:contain;overflow:clip;
padding:32px 42px;border-radius:16px;color:var(--hueso);
background:
radial-gradient(70% 190% at 98% 48%,rgba(var(--carillas-bronce-rgb),.38) 0%,rgba(var(--carillas-bronce-rgb),.14) 36%,transparent 68%),
radial-gradient(55% 150% at 8% 120%,rgba(var(--carillas-bronce-rgb),.13),transparent 70%),
linear-gradient(108deg,var(--espresso) 0%,var(--espresso) 48%,var(--cacao) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 66px -44px rgba(var(--carillas-bronce-rgb),.82);
}
.carillas-cta::before{
content:"";position:absolute;z-index:-1;right:-68px;top:-92px;width:540px;height:270px;
background:var(--carillas-bronce-suave);opacity:.24;
-webkit-mask:url("../img/logo.svg") center/contain no-repeat;
mask:url("../img/logo.svg") center/contain no-repeat;
transform:rotate(-8deg);
}
.carillas-cta::after{
content:"";position:absolute;z-index:-2;right:-155px;top:-178px;width:430px;height:430px;
border:1px solid rgba(var(--carillas-bronce-rgb),.22);border-radius:50%;
box-shadow:0 0 0 38px rgba(var(--carillas-bronce-rgb),.075),0 0 0 82px rgba(var(--carillas-bronce-rgb),.035);
transform:rotate(-18deg) scaleX(1.55);
}
.carillas-cta h2{
position:relative;font-family:var(--serif);font-weight:400;letter-spacing:-.025em;
font-size:clamp(33px,3.6vw,48px);line-height:1;color:var(--hueso);max-width:none;
}
.carillas-cta h2::before{
content:"";position:absolute;left:-13px;top:-6px;width:9px;height:9px;
background:var(--carillas-bronce-suave);
clip-path:polygon(50% 0,59% 38%,100% 50%,59% 62%,50% 100%,41% 62%,0 50%,41% 38%);
}
.carillas-cta p{margin-top:8px;max-width:none;font-size:14px;color:var(--sobre-oscuro-texto)}
.carillas-cta-boton{
position:relative;z-index:1;isolation:isolate;overflow:hidden;
display:grid;grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:15px;
min-width:342px;min-height:68px;padding:7px 18px 7px 8px;
border:1px solid var(--carillas-bronce-vivo);border-radius:var(--r-pill);
background:var(--hueso);color:var(--espresso);font-size:14px;font-weight:700;text-decoration:none;
box-shadow:0 16px 34px -23px rgba(var(--carillas-bronce-rgb),.9),inset 0 1px 0 rgba(255,255,255,.9);
transition:
transform 220ms var(--ease),
box-shadow 220ms var(--ease),
border-color 220ms var(--ease);
}
.carillas-cta-boton::before{
content:"";position:absolute;z-index:-1;inset:0;
background:linear-gradient(105deg,rgba(var(--carillas-bronce-rgb),.13),transparent 58%);
opacity:0;transition:opacity 220ms var(--ease);
}
.carillas-cta-icono{
display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:var(--hueso);
background:linear-gradient(145deg,var(--carillas-bronce-suave),var(--carillas-bronce-vivo) 48%,var(--carillas-bronce));
box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 9px 20px -13px rgba(var(--espresso-rgb),.82);
transition:transform 220ms var(--ease),box-shadow 220ms var(--ease);
}
.carillas-cta-icono svg{
width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;
stroke-linecap:round;stroke-linejoin:round;
}
.carillas-cta-etiqueta{position:relative;white-space:nowrap;text-align:left}
.carillas-cta-flecha{
position:relative;display:grid;place-items:center;color:var(--carillas-bronce);
transition:transform 220ms var(--ease);
}
.carillas-cta-flecha svg{width:24px;height:24px;stroke-width:1.7}
.carillas-cta-boton:focus-visible{
outline:2px solid var(--hueso);outline-offset:4px;
box-shadow:0 0 0 2px var(--carillas-bronce-vivo),0 18px 36px -22px rgba(var(--carillas-bronce-rgb),.95);
}
.carillas-cta-boton:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){
.carillas-cta-boton:hover{
transform:translateY(-3px);
box-shadow:0 21px 38px -20px rgba(var(--carillas-bronce-rgb),.92),inset 0 1px 0 rgba(255,255,255,1);
}
.carillas-cta-boton:hover::before{opacity:1}
.carillas-cta-boton:hover .carillas-cta-icono{
transform:scale(1.055) rotate(-2deg);
box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 24px -12px rgba(var(--espresso-rgb),.88);
}
.carillas-cta-boton:hover .carillas-cta-flecha{transform:translateX(5px)}
}
@media(max-width:820px){
.carillas-cta{grid-template-columns:1fr;gap:22px;padding:30px 34px}
.carillas-cta-boton{justify-self:start}
}
@media(max-width:620px){
.carillas-cta-wrap{padding-bottom:44px}
.carillas-cta{padding:28px 24px;border-radius:14px}
.carillas-cta::before{right:-150px;top:-62px;width:420px;opacity:.2}
.carillas-cta::after{right:-255px;top:-150px}
.carillas-cta h2{font-size:34px;line-height:1.04;max-width:12ch}
.carillas-cta h2::before{left:-8px;top:-5px;width:8px;height:8px}
.carillas-cta p{font-size:14px;line-height:1.65}
.carillas-cta-boton{
grid-template-columns:46px minmax(0,1fr) 22px;gap:12px;width:100%;min-width:0;min-height:62px;
padding:7px 16px 7px 8px;font-size:13px;
}
.carillas-cta-icono{width:46px;height:46px}
.carillas-cta-icono svg{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){
.carillas-cta-boton,
.carillas-cta-icono,
.carillas-cta-flecha,
.carillas-cta-boton::before{transition-duration:100ms}
.carillas-cta-boton:hover,
.carillas-cta-boton:active,
.carillas-cta-boton:hover .carillas-cta-icono,
.carillas-cta-boton:hover .carillas-cta-flecha{transform:none !important}
}
.cta-casos{position:relative;z-index:2;margin-top:-96px;padding-bottom:8px}
.cta-casos .contenedor{max-width:none;padding:0}
.cta-casos .carillas-cta{
border-radius:0;
padding-left:max(42px,calc((100vw - 1180px) / 2 + 32px));
padding-right:max(42px,calc((100vw - 1180px) / 2 + 32px));
}
.cta-casos .carillas-cta::before{right:max(-68px,calc((100vw - 1180px) / 2 - 100px))}
.hero-casos{padding-bottom:96px}
@media(max-width:900px){
.cta-casos{margin-top:0;padding-top:8px}
.hero-casos{overflow:hidden;padding-bottom:0}
}