@media all {

  .subrayado-vanilla {
    border-bottom: 1px solid var(--vanilla);}

  .subrayado-golden {
    border-bottom: 1px solid var(--golden);}

  .elementor-button {
    border: 4px solid var(--golden);
    border-radius: 0;
    background-color: transparent;}

  .golden-button .elementor-button {
    background-color: var(--golden);}

  .elementor-button .elementor-button-text {
    font-weight: 600;
    color: var(--golden);}

  .golden-button .elementor-button .elementor-button-text {
    font-weight: 600;
    color: white;}

}


@media (min-width: 1026px) {

  .standard-padding {
    padding-inline: clamp(30px, calc(-349.06px + 27.86vw), 186px);}

  .estrecho-padding {
    padding-inline: clamp(30px, calc(-528.57px + 41.07vw), 260px);}

  .top-padding {
    padding-top: 144px;}

  .last-padding {
    padding-bottom: 144px;}

  .both-padding {
    padding-block: 144px;}

  .paso-home {
    padding-block: 24px 8px;}

    .home-pasos-numero {
    width: 6%;
    aspect-ratio: 1/1;
    margin-left: auto;
    background-color: var(--vanilla);
    border-radius: 50%;}

}


@media (min-width: 769px) and (max-width: 1025px) {



}


@media (max-width: 768px) {



}


/* HOVERs */

@media (min-width: 1026px) {

  .elementor-button:hover {
    background-color: var(--golden);}

  .elementor-button:hover span {
    color: white;}
    
  .products-loop-item {
    transition: all 0.3s ease-in !important;}
  
  .products-loop-container:has(.products-loop-pic:hover) .products-loop-item:not(:has(.products-loop-pic:hover)),
  .products-loop-container:has(.products-loop-info:hover) .products-loop-item:not(:has(.products-loop-info:hover)),
  .products-loop-container:has(.elementor-button:hover) .products-loop-item:not(:has(.elementor-button:hover)) {
    filter: grayscale(1) brightness(0.8);
    opacity: 0.7;}

  .products-loop-item:has(.products-loop-pic:hover) .elementor-button,
  .products-loop-item:has(.products-loop-info:hover) .elementor-button {
    background-color: var(--golden);}
    
  .products-loop-item:has(.products-loop-pic:hover) .elementor-button span,
  .products-loop-item:has(.products-loop-info:hover) .elementor-button span {    
    color: white;}

}