/* ===== RemodelArte - Look & Feel ===== */
:root{
--ra-orange:#d8762a;
--ra-orange2:#f2b07a;
--ra-cream:#f6f1ec;
--ra-dark:#1f1f1f;
--ra-card:#ffffff;
--ra-radius:18px;
}
/* Fondo general */
body{
background: var(--ra-cream);
}
/* Botones */
.sqs-block-button-element,
button, .button, .sqs-button-element--primary{
border-radius: 14px !important;
padding: 14px 22px !important;
background: linear-gradient(90deg, var(--ra-orange), #c9651f) !important;
border: 0 !important;
box-shadow: 0 12px 30px rgba(0,0,0,.12) !important;
}
.sqs-block-button-element:hover{
transform: translateY(-1px);
filter: brightness(1.02);
}
/* Títulos */
h1, h2, h3{
letter-spacing: -0.02em;
color: var(--ra-dark);
}
/* “Tarjetas” tipo services/products */
.sqs-block-summary-v2 .summary-item,
.summary-item,
.sqs-gallery-design-grid .gallery-grid-item{
border-radius: var(--ra-radius) !important;
overflow: hidden !important;
background: var(--ra-card);
box-shadow: 0 16px 40px rgba(0,0,0,.08);
}
/* Separación bonita entre secciones */
.page-section{
padding-top: 70px !important;
padding-bottom: 70px !important;
}
/* HERO: estilo gradient overlay (para secciones con imagen) */
section[data-section-id] .section-background{
filter: saturate(1.02);
}
section[data-section-id] .section-background:after{
content:"";
position:absolute;
inset:0;
background: radial-gradient(circle at 20% 40%,
rgba(216,118,42,.35) 0%,
rgba(246,241,236,.15) 45%,
rgba(0,0,0,.30) 100%);
pointer-events:none;
}
/* Texto del HERO en blanco si la foto es oscura */
section[data-section-id] h1,
section[data-section-id] p{
text-shadow: 0 8px 24px rgba(0,0,0,.22);
}
/* Mobile: mejor padding */
@media (max-width: 640px){
.page-section{
padding-top: 46px !important;
padding-bottom: 46px !important;
}
}