/*Migas de pan personalizadas*/

#breadcrumbs{
  font-size: 14px;
}

#breadcrumbs span {
    display: inline-flex;
    align-items: center;
}

#breadcrumbs{
  font-size: 0;
}

#breadcrumbs a,
#breadcrumbs .breadcrumb_last{
  font-size: 14px;
}

#breadcrumbs span span + span::before {
    content: "";
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background-image: url(/wp-content/uploads/2026/01/flecha-derecha-color-cafe-cssa.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*Fin estilos migas de pan*/

/*form v1*/

.form-v1 a{
    font-weight: 500;
    color: #004A98 !important;
}

.form-v1 .elementor-field-option input {
    width: 20px !important;
    height: 20px !important;
}

.form-v1 .elementor-field-option label {
    display: inline-block !important;
    margin-top: -10px !important;
    margin-left: 6px !important;
}

.form-v1 .elementor-message-success{
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 9999;

  background: #35CE35;
  color: #ffffff;
  padding: 16px 22px;
  border-radius: 12px;
  font-weight: 500;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);

  opacity: 0;
  transform: translateY(30px);
  animation: toastIn 0.35s ease-out forwards;

  will-change: transform, opacity;
}

.form-v1 .elementor-message-success::before{
  content: "✓";
  margin-right: 10px;
  font-weight: bold;
}

@keyframes toastIn{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.form-v1 .elementor-message-success.is-hiding{
  animation: toastOut 0.35s ease-in forwards;
}

@keyframes toastOut{
  to{
    opacity: 0;
    transform: translateY(140%);
  }
}



@media screen and (max-width: 767px){
.form-v1 .elementor-field-option label {
    display: inline-block !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 0px !important;
}
}

/*Estilos boton de like para galerias - nuestras marcas*/

.like-btn{
  position: relative;
  overflow: visible;
  cursor: pointer;
  transform: translateZ(0);
}

.like-btn.is-like-anim{
  animation: likePop 520ms cubic-bezier(.2, .9, .25, 1) both;
}

.like-btn::before,
.like-btn::after{
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 999px;
  border: 2px solid rgba(107, 62, 30, .55);
  opacity: 0;
  transform: scale(.75);
  pointer-events: none;
}

.like-btn.is-like-anim::before{
  animation: likeRipple 720ms ease-out both;
}

.like-btn.is-like-anim::after{
  inset: -18px;
  border-color: rgba(79, 56, 43, .35);
  animation: likeRipple2 900ms ease-out both;
}

.like-btn.is-like-anim img,
.like-btn.is-like-anim svg{
  animation: likeHeart 520ms cubic-bezier(.2, .9, .25, 1) both;
  filter: drop-shadow(0 10px 18px rgba(107,62,30,.22));
}

@keyframes likePop{
  0%{ transform: scale(1); }
  25%{ transform: scale(1.08); }
  55%{ transform: scale(.96); }
  100%{ transform: scale(1); }
}

@keyframes likeHeart{
  0%{ transform: scale(1); }
  20%{ transform: scale(1.18); }
  55%{ transform: scale(.98); }
  100%{ transform: scale(1); }
}

@keyframes likeRipple{
  0%{ opacity: 0; transform: scale(.50); }
  20%{ opacity: 1; }
  100%{ opacity: 0; transform: scale(0.80); }
}

@keyframes likeRipple2{
  0%{ opacity: 0; transform: scale(.40); }
  25%{ opacity: .85; }
  100%{ opacity: 0; transform: scale(1); }
}

/*fondo flechas color cafe carrusel*/


.flechas-bg-cafe .elementor-swiper-button-prev,
.flechas-bg-cafe .elementor-swiper-button-next {
 display: flex;
 align-items: center;
 justify-content: center;
  width: 50px;
  height: 50px;
  z-index: 10;
background: #4F382B;
  border-radius: 10px;
}

/*Fondo rectangular verde - detras de imagenes home*/

.image-accent-green {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.image-accent-green::before {
  content: "";
  position: absolute;
  inset: 0;
  margin-left:20px;
  background-color: #35CE35;
  border-radius: 30px;
  transform: rotate(5deg);
  z-index: 0;
}
.image-accent-green img {
  position: relative;
  z-index: 1;
}

/*Fondo rectangular cafe - detras de imagenes home*/

.image-accent-cafe {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.image-accent-cafe::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 70%;
    height: 80%;
    margin: auto;
    background-color: #47132C;
    border-radius: 30px;
    transform: rotate(5deg);
    z-index: 0;
}
.image-accent-cafe img {
  position: relative;
  z-index: 1;
}


/* Quitar recuadro azul en enlaces y botones (mobile/tablet) */

a,
button,
.elementor-button {
  -webkit-tap-highlight-color: transparent;
}

/* Quitar outline por defecto */

a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
.elementor-button:focus,
.elementor-button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.elementor-icon,
.elementor-icon:focus,
.elementor-icon:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}