/* =============================================
   FIX COMPLETO COLORES CORPORATIVOS ATELIER.CL
   Pegar en la sección de CSS personalizado del admin
   ============================================= */

/* === 1. BOTÓN SECUNDARIO — static + hover ===  */
.btn-secondary,
a.btn-secondary {
  background: #0D3B6E !important;
  background-color: #0D3B6E !important;
  border-color: #0D3B6E !important;
  color: #fff !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
  background: transparent !important;
  background-color: transparent !important;
  border-color: #0D3B6E !important;
  color: #0D3B6E !important;
}

/* === 2. BOTÓN SUCCESS — quitar el verde/café, dejar azul marino === */
.btn-success,
a.btn-success {
  background: #0D3B6E !important;
  background-color: #0D3B6E !important;
  border-color: #0D3B6E !important;
  color: #fff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
  background: transparent !important;
  background-color: transparent !important;
  border-color: #0D3B6E !important;
  color: #0D3B6E !important;
}
.btn-success.disabled,
.btn-success:disabled {
  background: #0D3B6E !important;
  border-color: #0D3B6E !important;
  color: #fff !important;
  opacity: 0.65;
}

/* === 3. COTIZADOR — eliminar fondo crema del formulario === */
#product-info #price_calculator > .card-body {
  background: #ffffff !important;
}

/* === 4. CAJA TOTAL — reemplazar gris por tono cyan corporativo === */
.price_calculator #productpricetotal,
.price_calculator #productpricetotal.floating-price {
  background: #E8F6FB !important;
  border-top: 2px solid #02A9D3 !important;
}

/* === 5. PUNTOS DEL CARRUSEL === */
#top-banner .carousel-indicators li,
#top-banner .carousel-indicators li.active {
  background-color: #02A9D3 !important;
}

/* === 6. HOVER BOTONES ACCIÓN HERO (COMPRAR / COTIZAR) === */
#action-btn .btn-img-text:hover {
  background-color: #0D3B6E !important;
}
/* Footer — azul marino corporativo */
#footer,
.footer-content.bg-info {
  background-color: #0D3B6E !important;
}
/* === BOTONES DE ACCIÓN PRODUCTO === */

/* COMPRAR — cyan primario */
#action-btn .upload-design.btn-img-text {
  background-color: #02A9D3 !important;
  color: #fff !important;
  border: none !important;
}
#action-btn .upload-design.btn-img-text *,
#action-btn .upload-design.btn-img-text .h4,
#action-btn .upload-design.btn-img-text small {
  color: #fff !important;
}
#action-btn .upload-design.btn-img-text:hover {
  background-color: #0193b8 !important;
}

/* SOLICITA COTIZACIÓN — navy secundario */
#action-btn .ico-quote-design.btn-img-text {
  background-color: #0D3B6E !important;
  color: #fff !important;
  border: none !important;
}
#action-btn .ico-quote-design.btn-img-text *,
#action-btn .ico-quote-design.btn-img-text .h4,
#action-btn .ico-quote-design.btn-img-text small {
  color: #fff !important;
}
#action-btn .ico-quote-design.btn-img-text:hover {
  background-color: #0a2d56 !important;
}
/* === 10. CONTINUAR newsletter (sobre el footer) === */
#footer button#subscribe,
#footer .subscribe_section .btn-primary {
  background: #0D3B6E !important;
  background-color: #0D3B6E !important;
  border-color: #0D3B6E !important;
  color: #fff !important;
}
#footer button#subscribe:hover,
#footer .subscribe_section .btn-primary:hover {
  background: #0a2d56 !important;
  background-color: #0a2d56 !important;
  border-color: #0a2d56 !important;
}
/* === 11. LOGO FOOTER — versión blanca para fondo navy === */
#footer img[src*="footer-logo"] {
  filter: brightness(0) invert(1);
}
.home_page_body #main-content .container.body-container{
    margin-top:50px;
}  
@media only screen and (min-width:768px){
    .home_page_body #main-content .container.body-container{
    margin-top:75px;
} 
}
#account_btns .row.card-aligned.narrow-gutter .col-12.col-sm-6.col-lg-4:nth-last-child(-n+3),#myaccount_menu li.d-flex.align-items-center:nth-child(4),
#myaccount_menu li.d-flex.align-items-center:nth-child(5),
#myaccount_menu li.d-flex.align-items-center:nth-child(6) {
    display: none !important;
}
.top-header .container{justify-content: space-between; }
.atelier-footer{
    position: relative;
    background-color: transparent !important;
}