/* KATA PLAY 路 escaparate de experiencias de marca 路 home solamente */
#kataSpecial.kpBrandSection{border:1px solid #f28329;background:radial-gradient(ellipse at 100% 0%,rgba(93,23,56,.25),transparent 52%),linear-gradient(155deg,#1b0c18,#100910 78%);border-radius:25px;padding:clamp(18px,3.1vw,32px);box-shadow:0 16px 46px rgba(0,0,0,.23);overflow:hidden}
#kataSpecial .kpBrandHeading{display:block;margin-bottom:22px}
#kataSpecial .kpBrandHeading .eyebrow{color:#f8bd69;font-weight:800;letter-spacing:.16em;font-size:clamp(10px,1.2vw,13px)}
#kataSpecial .kpBrandHeading h2{color:#fff;font-size:clamp(27px,3.7vw,45px);line-height:1.13;letter-spacing:-.025em;margin:12px 0 11px;font-weight:850}
#kataSpecial .kpBrandHeading h2 em{font-style:italic;background:linear-gradient(95deg,#ff8737,#ff2295);-webkit-background-clip:text;background-clip:text;color:transparent}
#kataSpecial .kpBrandHeading p{color:#f0dfe8;max-width:760px;font-size:clamp(14px,1.65vw,17px);line-height:1.55;margin:0 0 12px}
#kataSpecial .kpBrandAll{display:inline-flex;align-items:center;gap:8px;color:#ff82b8;font-weight:800;font-size:14px;text-decoration:none;margin-top:5px}
#kataSpecial .kpBrandAll:hover{text-decoration:underline}
#kataSpecial .kpBrandCards{display:flex;flex-direction:column;gap:17px;margin:0}
#kataSpecial .kpBrandCard{display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:244px;padding:0!important;gap:0;align-items:stretch;overflow:hidden;position:relative;border:1px solid #d33d83;border-radius:20px;background:linear-gradient(120deg,#270b1c,#130914)!important;text-decoration:none!important;color:#fff!important;box-shadow:0 12px 26px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
#kataSpecial .kpBrandCard:hover,#kataSpecial .kpBrandCard:focus-visible{transform:translateY(-2px);border-color:#ff8a46;box-shadow:0 16px 36px rgba(234,45,126,.22)}
#kataSpecial .kpBrandImage{position:relative;min-height:244px;overflow:hidden;background:#2c1020}
#kataSpecial .kpBrandImage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,rgba(19,9,20,.55));pointer-events:none}
#kataSpecial .kpBrandImage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;filter:saturate(1.14) contrast(1.06)}
#kataSpecial .kpBrandWine .kpBrandImage img{object-position:center 47%}
#kataSpecial .kpBrandDemo{position:absolute;top:16px;left:16px;z-index:2;color:#fff;background:rgba(30,9,25,.83);border:1px solid #ff69a4;border-radius:22px;padding:7px 13px;font-size:11px;font-weight:800;letter-spacing:.12em}
#kataSpecial .kpBrandCopy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(17px,3vw,31px);gap:11px;min-width:0}
#kataSpecial .kpBrandOverline{color:#ffbf75;font-size:clamp(10px,1vw,12px);letter-spacing:.12em;line-height:1.45;font-weight:850}
#kataSpecial .kpBrandCopy strong{display:block;font-size:clamp(23px,2.8vw,33px);line-height:1.12;letter-spacing:-.025em;font-weight:850;color:#fff}
#kataSpecial .kpBrandCopy p{margin:0;color:#eee0e8;line-height:1.55;font-size:clamp(13px,1.3vw,16px)}
#kataSpecial .kpBrandButton{display:inline-flex;align-items:center;gap:12px;border-radius:40px;padding:12px 19px;margin-top:4px;background:linear-gradient(105deg,#ff008b,#ff8134);box-shadow:0 7px 20px rgba(255,44,130,.23);color:#fff;font-size:clamp(13px,1.35vw,16px);font-weight:800;line-height:1.2}
#kataSpecial .kpBrandNote{margin:16px 0 0!important;font-size:11px;color:#c9afbe;line-height:1.5}
@media(max-width:700px){
 #kataSpecial.kpBrandSection{padding:18px;border-radius:23px}
 #kataSpecial .kpBrandHeading{margin-bottom:19px}
 #kataSpecial .kpBrandHeading h2{font-size:clamp(26px,7.1vw,36px)}
 #kataSpecial .kpBrandHeading p{font-size:15px}
 #kataSpecial .kpBrandCards{gap:18px}
 #kataSpecial .kpBrandCard{display:flex;flex-direction:column;min-height:0;border-radius:19px}
 #kataSpecial .kpBrandImage{min-height:0;aspect-ratio:1.65 / 1}
 #kataSpecial .kpBrandImage::after{background:linear-gradient(0deg,rgba(20,9,18,.5),transparent 50%)}
 #kataSpecial .kpBrandCopy{padding:20px;gap:10px}
 #kataSpecial .kpBrandCopy strong{font-size:clamp(24px,6vw,30px)}
 #kataSpecial .kpBrandCopy p{font-size:14px}
 #kataSpecial .kpBrandButton{padding:12px 17px;margin-top:5px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){#kataSpecial .kpBrandCard{transition:none}#kataSpecial .kpBrandCard:hover{transform:none}}
/* KATA PLAY - Ajuste de tarjetas para móviles */
@media (max-width: 767px) {

  #kataSpecial .kpBrandCards {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  #kataSpecial .kpBrandCard {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  #kataSpecial .kpBrandImage {
    width: 100% !important;
    height: 220px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #kataSpecial .kpBrandImage img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  #kataSpecial .kpBrandCopy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 22px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #kataSpecial .kpBrandCopy strong {
    display: block !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
  }

  #kataSpecial .kpBrandButton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 20px !important;
    border-radius: 40px !important;
    margin-top: 5px !important;
    text-align: center !important;
  }
}/* KATA PLAY - Corregir desbordamiento en iPhone */
@media (max-width: 767px) {

  #kataSpecial,
  #kataSpecial .kpBrandCards,
  #kataSpecial .kpBrandCard {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #kataSpecial .kpBrandCards {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 18px !important;
  }

  #kataSpecial .kpBrandCard {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 1 auto !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  #kataSpecial .kpBrandImage {
    width: 100% !important;
    max-width: 100% !important;
    height: 190px !important;
    flex: 0 0 190px !important;
    overflow: hidden !important;
  }

  #kataSpecial .kpBrandImage img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  #kataSpecial .kpBrandCopy {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 20px !important;
  }

  #kataSpecial .kpBrandCopy strong {
    display: block !important;
    margin-top: 5px !important;
  }

  #kataSpecial .kpBrandButton {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
  }
}