/* UNI_PC_WEB_REDESIGN_V1
   Rediseño visual solo versión web/PC.
   No toca index_mobile ni flujo móvil. */

@media(min-width: 900px){

  body.uni-pc-home-page{
    background:
      radial-gradient(circle at 6% 0%, rgba(124,58,237,.13), transparent 26%),
      radial-gradient(circle at 94% 4%, rgba(14,165,233,.13), transparent 26%),
      linear-gradient(180deg,#f8fbff 0%, #fff 38%, #fff7fb 100%) !important;
    color:#172033 !important;
  }

  body.uni-pc-home-page .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:60 !important;
    max-width:1220px !important;
    margin:14px auto 0 !important;
    border:1px solid rgba(196,181,253,.85) !important;
    border-radius:28px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 20px 50px rgba(42,32,88,.09) !important;
    backdrop-filter:blur(16px) !important;
    padding:12px 16px !important;
  }

  body.uni-pc-home-page .site-header .brand{
    min-width:250px !important;
    text-decoration:none !important;
  }

  body.uni-pc-home-page .site-header .brand img{
    width:58px !important;
    height:58px !important;
    border-radius:18px !important;
    box-shadow:0 10px 24px rgba(124,58,237,.16) !important;
  }

  body.uni-pc-home-page .brand-text{
    font-size:1.35rem !important;
    font-weight:950 !important;
    letter-spacing:.03em !important;
    color:#241438 !important;
  }

  body.uni-pc-home-page .brand-subtitle{
    color:#7c3aed !important;
    font-size:.72rem !important;
    font-weight:950 !important;
    letter-spacing:.08em !important;
  }

  body.uni-pc-home-page .site-header nav:not(.mobile-bottom-nav){
    display:flex !important;
    gap:8px !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.uni-pc-home-page .site-header nav:not(.mobile-bottom-nav) a{
    text-decoration:none !important;
    color:#334155 !important;
    font-weight:900 !important;
    padding:10px 13px !important;
    border-radius:999px !important;
    transition:.18s ease !important;
  }

  body.uni-pc-home-page .site-header nav:not(.mobile-bottom-nav) a:hover{
    background:#f5f3ff !important;
    color:#6d28d9 !important;
    transform:translateY(-1px) !important;
  }

  body.uni-pc-home-page .cart-btn{
    background:linear-gradient(135deg,#7c3aed,#0ea5e9) !important;
    border:0 !important;
    color:#fff !important;
    border-radius:18px !important;
    min-height:46px !important;
    font-weight:950 !important;
    box-shadow:0 8px 0 rgba(91,33,182,.28) !important;
  }

  body.uni-pc-home-page .whatsapp-btn{
    border-radius:18px !important;
    min-height:46px !important;
    font-weight:950 !important;
    background:#ecfdf5 !important;
    color:#047857 !important;
    border:1px solid #bbf7d0 !important;
  }

  body.uni-pc-home-page .mobile-bottom-nav{
    display:none !important;
  }

  body.uni-pc-home-page .hero{
    max-width:1220px !important;
    margin:28px auto 22px !important;
    padding:54px 54px !important;
    border-radius:38px !important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,243,255,.92)),
      radial-gradient(circle at 85% 20%,rgba(14,165,233,.16),transparent 28%) !important;
    border:1px solid rgba(196,181,253,.9) !important;
    box-shadow:0 28px 70px rgba(42,32,88,.11) !important;
    position:relative !important;
    overflow:hidden !important;
  }

  body.uni-pc-home-page .hero:after{
    content:"";
    position:absolute;
    right:-70px;
    top:-70px;
    width:260px;
    height:260px;
    border-radius:999px;
    background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(14,165,233,.14));
    pointer-events:none;
  }

  body.uni-pc-home-page .text-gradient-title{
    max-width:760px !important;
    font-size:clamp(2.9rem,4.6vw,5rem) !important;
    line-height:.95 !important;
    letter-spacing:-.06em !important;
    margin-bottom:18px !important;
  }

  body.uni-pc-home-page .text-gradient-subtitle{
    max-width:720px !important;
    font-size:1.18rem !important;
    line-height:1.55 !important;
    color:#475569 !important;
    font-weight:850 !important;
  }

  body.uni-pc-home-page .btn-fun{
    min-height:52px !important;
    padding:15px 24px !important;
    border-radius:18px !important;
    font-weight:950 !important;
    box-shadow:0 8px 0 rgba(91,33,182,.25) !important;
  }

  body.uni-pc-home-page .quick-paths{
    max-width:1220px !important;
    margin:0 auto 30px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  body.uni-pc-home-page .quick-path-card{
    min-height:112px !important;
    border-radius:30px !important;
    padding:20px !important;
    background:#fff !important;
    border:1px solid #e9d5ff !important;
    box-shadow:0 16px 42px rgba(42,32,88,.08) !important;
    transition:.18s ease !important;
  }

  body.uni-pc-home-page .quick-path-card:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 22px 52px rgba(42,32,88,.12) !important;
  }

  body.uni-pc-home-page .quick-path-icon{
    width:56px !important;
    height:56px !important;
    border-radius:20px !important;
    background:linear-gradient(135deg,#f5f3ff,#e0f2fe) !important;
    font-size:1.55rem !important;
  }

  body.uni-pc-home-page .quick-path-card strong{
    font-size:1.05rem !important;
    color:#1f173a !important;
    font-weight:950 !important;
  }

  body.uni-pc-home-page .quick-path-card span{
    color:#64748b !important;
    font-size:.88rem !important;
    font-weight:800 !important;
  }

  body.uni-pc-home-page .section{
    max-width:1220px !important;
    margin:0 auto !important;
    padding:28px 0 70px !important;
  }

  body.uni-pc-home-page .section-head{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:20px !important;
    margin-bottom:18px !important;
  }

  body.uni-pc-home-page .section-head h2{
    font-size:2.2rem !important;
    line-height:1.05 !important;
    color:#1f173a !important;
    letter-spacing:-.04em !important;
  }

  body.uni-pc-home-page .section-head p{
    color:#64748b !important;
    font-weight:800 !important;
  }

  body.uni-pc-home-page .category-pills{
    display:flex !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    margin:14px 0 18px !important;
  }

  body.uni-pc-home-page .category-pill{
    border-radius:999px !important;
    padding:11px 16px !important;
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    color:#475569 !important;
    font-weight:950 !important;
    text-decoration:none !important;
  }

  body.uni-pc-home-page .category-pill.is-active{
    background:#6d28d9 !important;
    color:#fff !important;
    border-color:#6d28d9 !important;
  }

  body.uni-pc-home-page .product-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
  }

  body.uni-pc-home-page .product-card{
    border-radius:30px !important;
    background:#fff !important;
    border:1px solid #e9d5ff !important;
    box-shadow:0 16px 42px rgba(42,32,88,.08) !important;
    overflow:hidden !important;
    transition:.18s ease !important;
  }

  body.uni-pc-home-page .product-card:hover{
    transform:translateY(-4px) !important;
    box-shadow:0 24px 58px rgba(42,32,88,.13) !important;
  }

  body.uni-pc-home-page .product-img{
    height:210px !important;
    background:linear-gradient(180deg,#f8fafc,#fff) !important;
    border-radius:24px !important;
    margin:12px !important;
    border:1px dashed #c4b5fd !important;
  }

  body.uni-pc-home-page .product-img img{
    max-width:92% !important;
    max-height:92% !important;
    object-fit:contain !important;
  }

  body.uni-pc-home-page .product-tag{
    border-radius:999px !important;
    font-weight:950 !important;
    font-size:.72rem !important;
  }

  body.uni-pc-home-page .product-card h3,
  body.uni-pc-home-page .product-title{
    font-size:1.02rem !important;
    line-height:1.18 !important;
    font-weight:950 !important;
    color:#1f173a !important;
  }

  body.uni-pc-home-page .product-copy,
  body.uni-pc-home-page .product-desc{
    color:#64748b !important;
    font-weight:760 !important;
    line-height:1.35 !important;
  }

  body.uni-pc-home-page .product-price{
    font-size:1.22rem !important;
    font-weight:950 !important;
    color:#16a34a !important;
  }

  body.uni-pc-home-page .product-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:14px !important;
  }

  body.uni-pc-home-page .product-actions .btn{
    min-height:44px !important;
    border-radius:16px !important;
    font-size:.86rem !important;
    font-weight:950 !important;
  }

  body.uni-pc-home-page .product-actions .btn-main{
    background:linear-gradient(135deg,#7c3aed,#0ea5e9) !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:0 6px 0 rgba(91,33,182,.28) !important;
  }

  body.uni-pc-home-page .product-actions .btn-soft{
    background:#f8fafc !important;
    color:#475569 !important;
    border:1px solid #e2e8f0 !important;
  }
}

@media(min-width:900px) and (max-width:1180px){
  body.uni-pc-home-page .site-header,
  body.uni-pc-home-page .hero,
  body.uni-pc-home-page .quick-paths,
  body.uni-pc-home-page .section{
    max-width:calc(100% - 36px) !important;
  }

  body.uni-pc-home-page .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body.uni-pc-home-page .quick-paths{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* UNI_PC_WEB_SCHOOL_FUN_V2_START
   Más vida visual al index PC: burbujas, vectores escolares y color.
   Solo aplica a body.uni-pc-home-page en escritorio. No toca móvil. */

@media(min-width:900px){

  body.uni-pc-home-page{
    position:relative;
    overflow-x:hidden;
    background:
      radial-gradient(circle at 9% 7%, rgba(255,183,3,.22), transparent 16%),
      radial-gradient(circle at 88% 8%, rgba(14,165,233,.20), transparent 18%),
      radial-gradient(circle at 18% 88%, rgba(236,72,153,.13), transparent 20%),
      radial-gradient(circle at 84% 84%, rgba(34,197,94,.14), transparent 18%),
      linear-gradient(180deg,#f8fbff 0%,#fff 38%,#fff7fb 100%) !important;
  }

  body.uni-pc-home-page:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    opacity:.75;
    background-image:
      radial-gradient(circle, rgba(124,58,237,.16) 0 7px, transparent 8px),
      radial-gradient(circle, rgba(14,165,233,.14) 0 10px, transparent 11px),
      radial-gradient(circle, rgba(251,191,36,.20) 0 6px, transparent 7px),
      url("data:image/svg+xml,%3Csvg width='360' height='360' viewBox='0 0 360 360' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round' opacity='.55'%3E%3Cpath d='M42 70h54v38H42z' fill='%23fff7ed' stroke='%23fb923c' stroke-width='4'/%3E%3Cpath d='M52 83h34M52 96h24' stroke='%23fb923c' stroke-width='4'/%3E%3Cpath d='M238 72l46 46' stroke='%237c3aed' stroke-width='10'/%3E%3Cpath d='M226 60l18-18 52 52-18 18z' fill='%23ede9fe' stroke='%237c3aed' stroke-width='4'/%3E%3Cpath d='M111 235l28-58 28 58-28-12z' fill='%23dbeafe' stroke='%230ea5e9' stroke-width='4'/%3E%3Cpath d='M254 244c20-32 58-16 42 18-14 29-57 24-42-18z' fill='%23dcfce7' stroke='%2322c55e' stroke-width='4'/%3E%3Cpath d='M74 288l10 18 20 4-15 14 4 20-19-10-18 10 4-20-15-14 20-4z' fill='%23fef3c7' stroke='%23f59e0b' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
    background-size:
      170px 170px,
      250px 250px,
      120px 120px,
      420px 420px;
    background-position:
      20px 20px,
      right 80px top 160px,
      left 30% bottom 70px,
      center top;
  }

  body.uni-pc-home-page .hero{
    isolation:isolate;
    border:2px solid rgba(255,255,255,.96) !important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.94),rgba(245,243,255,.88) 50%,rgba(224,242,254,.82)),
      radial-gradient(circle at 88% 20%,rgba(251,191,36,.28),transparent 22%),
      radial-gradient(circle at 8% 85%,rgba(236,72,153,.16),transparent 26%) !important;
  }

  body.uni-pc-home-page .hero:before{
    content:"";
    position:absolute;
    right:40px;
    top:34px;
    width:330px;
    height:250px;
    z-index:-1;
    opacity:.92;
    background-repeat:no-repeat;
    background-size:contain;
    background-image:url("data:image/svg+xml,%3Csvg width='520' height='390' viewBox='0 0 520 390' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='397' cy='86' r='54' fill='%23fef3c7' stroke='%23f59e0b' stroke-width='8'/%3E%3Cpath d='M380 88h34M397 70v34' stroke='%23f59e0b' stroke-width='8'/%3E%3Cpath d='M98 91h120v86H98z' fill='%23ffffff' stroke='%237c3aed' stroke-width='8'/%3E%3Cpath d='M118 118h78M118 145h54' stroke='%237c3aed' stroke-width='7'/%3E%3Cpath d='M270 214l65-128 65 128-65-23z' fill='%23dbeafe' stroke='%230ea5e9' stroke-width='8'/%3E%3Cpath d='M90 274c42-57 110-26 84 30-24 50-108 42-84-30z' fill='%23dcfce7' stroke='%2322c55e' stroke-width='8'/%3E%3Cpath d='M407 260l19 34 38 8-28 26 7 38-36-19-34 19 7-38-28-26 38-8z' fill='%23fce7f3' stroke='%23ec4899' stroke-width='8'/%3E%3C/g%3E%3C/svg%3E");
    transform:rotate(-2deg);
  }

  body.uni-pc-home-page .text-gradient-title{
    background:linear-gradient(135deg,#6d28d9,#0ea5e9 45%,#ec4899 76%,#f59e0b) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    text-shadow:0 12px 30px rgba(124,58,237,.08) !important;
  }

  body.uni-pc-home-page .quick-path-card{
    position:relative;
    overflow:hidden;
  }

  body.uni-pc-home-page .quick-path-card:before{
    content:"";
    position:absolute;
    inset:auto -40px -60px auto;
    width:150px;
    height:150px;
    border-radius:999px;
    opacity:.35;
    background:linear-gradient(135deg,#7c3aed,#0ea5e9);
  }

  body.uni-pc-home-page .quick-path-card:nth-child(1){
    background:linear-gradient(135deg,#ffffff,#f5f3ff) !important;
  }

  body.uni-pc-home-page .quick-path-card:nth-child(2){
    background:linear-gradient(135deg,#ffffff,#fff7ed) !important;
    border-color:#fed7aa !important;
  }

  body.uni-pc-home-page .quick-path-card:nth-child(2):before{
    background:linear-gradient(135deg,#f97316,#facc15);
  }

  body.uni-pc-home-page .quick-path-card:nth-child(3){
    background:linear-gradient(135deg,#ffffff,#ecfeff) !important;
    border-color:#bae6fd !important;
  }

  body.uni-pc-home-page .quick-path-card:nth-child(3):before{
    background:linear-gradient(135deg,#0ea5e9,#22c55e);
  }

  body.uni-pc-home-page .quick-path-card:nth-child(4){
    background:linear-gradient(135deg,#ffffff,#fdf2f8) !important;
    border-color:#fbcfe8 !important;
  }

  body.uni-pc-home-page .quick-path-card:nth-child(4):before{
    background:linear-gradient(135deg,#ec4899,#8b5cf6);
  }

  body.uni-pc-home-page .product-card{
    position:relative;
  }

  body.uni-pc-home-page .product-card:before{
    content:"";
    position:absolute;
    left:18px;
    top:18px;
    width:46px;
    height:46px;
    border-radius:16px;
    background:
      radial-gradient(circle at 35% 35%,#fff 0 20%,transparent 22%),
      linear-gradient(135deg,rgba(124,58,237,.18),rgba(14,165,233,.16));
    border:1px solid rgba(196,181,253,.9);
    opacity:.9;
    z-index:2;
    pointer-events:none;
  }

  body.uni-pc-home-page .product-card:nth-child(3n+1):before{
    background:
      radial-gradient(circle at 35% 35%,#fff 0 20%,transparent 22%),
      linear-gradient(135deg,rgba(249,115,22,.22),rgba(250,204,21,.20));
    border-color:#fed7aa;
  }

  body.uni-pc-home-page .product-card:nth-child(3n+2):before{
    background:
      radial-gradient(circle at 35% 35%,#fff 0 20%,transparent 22%),
      linear-gradient(135deg,rgba(34,197,94,.20),rgba(14,165,233,.20));
    border-color:#bbf7d0;
  }

  body.uni-pc-home-page .product-card:nth-child(3n+3):before{
    background:
      radial-gradient(circle at 35% 35%,#fff 0 20%,transparent 22%),
      linear-gradient(135deg,rgba(236,72,153,.20),rgba(124,58,237,.20));
    border-color:#fbcfe8;
  }

  body.uni-pc-home-page .product-img{
    background:
      linear-gradient(180deg,#ffffff,#f8fafc),
      radial-gradient(circle at 15% 15%,rgba(124,58,237,.16),transparent 24%) !important;
  }

  body.uni-pc-home-page .product-tag{
    box-shadow:0 8px 18px rgba(42,32,88,.08) !important;
  }

  body.uni-pc-home-page .product-card:hover .product-img{
    border-color:#8b5cf6 !important;
    box-shadow:inset 0 0 0 2px rgba(139,92,246,.10) !important;
  }

  body.uni-pc-home-page .btn-main,
  body.uni-pc-home-page .btn-fun,
  body.uni-pc-home-page .cart-btn{
    position:relative;
    overflow:hidden;
  }

  body.uni-pc-home-page .btn-main:after,
  body.uni-pc-home-page .btn-fun:after,
  body.uni-pc-home-page .cart-btn:after{
    content:"";
    position:absolute;
    inset:0 auto 0 -80%;
    width:55%;
    transform:skewX(-18deg);
    background:rgba(255,255,255,.22);
    transition:.35s ease;
  }

  body.uni-pc-home-page .btn-main:hover:after,
  body.uni-pc-home-page .btn-fun:hover:after,
  body.uni-pc-home-page .cart-btn:hover:after{
    left:125%;
  }
}

@media(min-width:900px) and (max-width:1180px){
  body.uni-pc-home-page .hero:before{
    width:230px;
    right:18px;
    opacity:.65;
  }
}

/* UNI_PC_WEB_SCHOOL_FUN_V2_END */

/* UNI_PC_HIDE_HERO_BANNER_V1
   Quita banner superior del index PC.
   No toca móvil. */
@media(min-width:900px){
  body.uni-pc-home-page .hero{
    display:none !important;
  }

  body.uni-pc-home-page .quick-paths{
    margin-top:34px !important;
  }

  body.uni-pc-home-page .section{
    padding-top:28px !important;
  }
}

/* UNI_PC_HIDE_HERO_AND_SOFT_BG_V4
   Quita banner/hero superior PC y baja dibujos/fondo.
   No toca móvil. */

@media(min-width:900px){

  body.uni-pc-home-page .hero,
  body.uni-pc-home-page section.hero,
  body.uni-pc-home-page .uni-pc-hero-hidden,
  body.uni-pc-home-page [data-hide="UNI_PC_HERO_HIDDEN_DIRECT_V1"]{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
  }

  /* Fondo mucho más limpio: menos dibujos y más transparente */
  body.uni-pc-home-page{
    background:
      radial-gradient(circle at 8% 4%, rgba(124,58,237,.045), transparent 24%),
      radial-gradient(circle at 92% 8%, rgba(14,165,233,.045), transparent 24%),
      linear-gradient(180deg,#fbfdff 0%,#ffffff 42%,#fffafe 100%) !important;
  }

  body.uni-pc-home-page:before{
    opacity:.16 !important;
    filter:grayscale(.15) saturate(.75) !important;
  }

  body.uni-pc-home-page .quick-paths{
    margin-top:30px !important;
  }

  body.uni-pc-home-page .section{
    padding-top:20px !important;
  }

  body.uni-pc-home-page .quick-path-card,
  body.uni-pc-home-page .product-card{
    background:rgba(255,255,255,.94) !important;
    backdrop-filter:blur(8px) !important;
  }
}