/*
 * Paracare Videos Home LAB v1.2.0 — laboratorio visual de cards de producto.
 * Objetivo: eliminar zoom/elevación invasiva y convertir la franja de acciones
 * en un estado naranja fluido, con texto blanco, sin alterar markup ni AJAX.
 */

/* Fuente de verdad visual: la tarjeta no se mueve ni escala. */
.pc-site .pc-product-card{
  transform:none!important;
  transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease!important;
}
.pc-site .pc-product-card:hover,
.pc-site .pc-product-card:focus-within{
  transform:none!important;
  border-color:color-mix(in srgb,var(--pc-accent,#f28c18) 38%,var(--pc-border,#dce7ee))!important;
  box-shadow:0 9px 24px rgba(9,40,61,.065)!important;
}

/* La fotografía permanece totalmente quieta. */
.pc-site .pc-product-card__image,
.pc-site .pc-product-card__image img{
  transform:none!important;
  transition:none!important;
}
.pc-site .pc-product-card:hover .pc-product-card__image img,
.pc-site .pc-product-card:focus-within .pc-product-card__image img{
  transform:none!important;
}

/* Separación editorial de la zona de acciones. */
.pc-site .pc-product-card__actions{
  position:relative;
  border-top:1px solid var(--pc-border,#dce7ee);
  transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease;
}
.pc-site .pc-product-card__actions a{
  position:relative;
  z-index:1;
  transition:color 150ms ease,opacity 150ms ease!important;
}

/*
 * Home destacado: la franja ocupa todo el ancho inferior de la card.
 * Respeta el padding compacto del Home Manager v3.7.6.
 */
.phm-home-managed [data-phm-section="featured_products"] .pc-product-card__actions{
  margin:auto -13px -13px!important;
  padding:10px 13px 11px!important;
  min-height:40px;
  align-items:center;
}

/* Catálogo / taxonomías: mismo lenguaje visual. */
.pc-site .pc-archive-page .pc-product-card__actions{
  margin:8px -12px -12px!important;
  padding:9px 12px 10px!important;
  min-height:38px;
  align-items:center;
}

/* Solo dispositivos con hover real: naranja + blanco, sin molestar touch. */
@media (hover:hover) and (pointer:fine){
  .pc-site .pc-product-card:hover .pc-product-card__actions,
  .pc-site .pc-product-card:focus-within .pc-product-card__actions{
    background:var(--pc-accent,#f28c18)!important;
    border-top-color:var(--pc-accent,#f28c18)!important;
  }

  .pc-site .pc-product-card:hover .pc-product-card__actions a,
  .pc-site .pc-product-card:focus-within .pc-product-card__actions a,
  .phm-home-managed [data-phm-section="featured_products"] .pc-product-card:hover .pc-product-card__actions a,
  .phm-home-managed [data-phm-section="featured_products"] .pc-product-card:focus-within .pc-product-card__actions a{
    color:#fff!important;
    text-decoration:none!important;
  }
}

/* En móvil la card ya es tipo app/lista: no forzar banda ni geometría de desktop. */
@media (max-width:767px){
  .pc-site .pc-product-card:hover,
  .pc-site .pc-product-card:focus-within{
    box-shadow:none!important;
  }
  .pc-site .pc-archive-page .pc-product-card__actions,
  .phm-home-managed [data-phm-section="featured_products"] .pc-product-card__actions{
    margin-top:6px!important;
    margin-right:0!important;
    margin-bottom:0!important;
    margin-left:0!important;
    padding:6px 0 0!important;
    min-height:0;
    border-top:1px solid var(--pc-border,#edf1f3);
    background:transparent!important;
  }
  .pc-site .pc-product-card__actions a{
    color:var(--pc-accent-hover,#c96a00)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .pc-site .pc-product-card,
  .pc-site .pc-product-card__actions,
  .pc-site .pc-product-card__actions a{
    transition:none!important;
  }
}