/* FRENCH STORE — creación de páginas web.
   Sección comercial separada del catálogo: no usa carrito, Wallet ni checkout. */
.web-services-home-card{
  width:100%;margin:0 0 18px;padding:16px 18px;border:1px solid rgba(70,214,255,.28);
  border-radius:18px;background:
    radial-gradient(circle at 88% 16%,rgba(53,215,255,.18),transparent 30%),
    linear-gradient(145deg,rgba(8,30,48,.96),rgba(5,18,31,.98));
  color:#f4fbff;text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:14px;box-shadow:0 14px 34px rgba(0,0,0,.22);cursor:pointer;
}
.web-services-home-card:hover{border-color:rgba(94,226,255,.52);filter:brightness(1.04)}
.web-services-home-icon{
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:25px;
  background:rgba(18,143,190,.18);border:1px solid rgba(79,218,255,.22)
}
.web-services-home-copy{min-width:0;display:grid;gap:3px}
.web-services-home-copy b{font-size:16px;line-height:1.2}
.web-services-home-copy small{color:#9eb7c8;line-height:1.35}
.web-services-home-cta{font-style:normal;font-weight:800;color:#67ddff;white-space:nowrap}

.web-services-shell{display:grid;gap:16px;padding-bottom:calc(var(--nav-h,72px) + env(safe-area-inset-bottom,0px) + 36px);box-sizing:border-box}
.web-services-hero{
  padding:22px;border:1px solid rgba(73,215,255,.22);border-radius:20px;
  background:
    radial-gradient(circle at 78% 15%,rgba(54,214,255,.16),transparent 31%),
    linear-gradient(145deg,rgba(8,30,49,.96),rgba(4,16,28,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.22)
}
.web-services-hero h2{margin:6px 0 8px;font-size:clamp(24px,4vw,34px)}
.web-services-hero p{margin:0;color:#a9bdcb;max-width:780px;line-height:1.55}
.web-services-kicker{font-size:11px;letter-spacing:.14em;font-weight:900;color:#5ddcff}
.web-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.web-service-card{
  min-width:0;padding:18px;border:1px solid rgba(86,213,255,.18);border-radius:18px;
  background:linear-gradient(160deg,rgba(11,30,45,.97),rgba(6,18,30,.98));
  display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 30px rgba(0,0,0,.2)
}
.web-service-card.featured{border-color:rgba(83,223,255,.48);box-shadow:0 15px 36px rgba(0,155,212,.12)}
.web-service-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.web-service-top h3{margin:0;font-size:18px}
.web-service-badge{
  flex:0 0 auto;padding:5px 8px;border-radius:999px;background:rgba(40,189,235,.14);
  border:1px solid rgba(72,216,255,.22);font-size:10px;font-weight:900;color:#76e4ff
}
.web-service-price{display:flex;align-items:flex-end;gap:7px}
.web-service-price strong{font:700 32px/1 "Orbitron",sans-serif;color:#f6fcff}
.web-service-price span{font-size:12px;color:#93aabd;padding-bottom:3px}
.web-service-summary{margin:0;color:#a9bdcb;line-height:1.45;min-height:61px}
.web-service-card details{
  border:1px solid rgba(105,210,239,.15);border-radius:13px;background:rgba(255,255,255,.025);
  overflow:hidden
}
.web-service-card summary{
  cursor:pointer;list-style:none;padding:12px 13px;font-weight:800;color:#dff8ff;
  display:flex;justify-content:space-between;gap:10px;align-items:center
}
.web-service-card summary::-webkit-details-marker{display:none}
.web-service-card summary::after{content:"＋";color:#5edcff}
.web-service-card details[open] summary::after{content:"−"}
.web-service-detail{padding:0 13px 13px;color:#a9bdcb;font-size:13px;line-height:1.5}
.web-service-detail ul{margin:8px 0 0;padding-left:18px}
.web-service-detail li+li{margin-top:5px}
.web-service-actions{margin-top:auto;display:grid;gap:8px}
.web-service-buy{
  min-height:46px;border-radius:12px;padding:12px 14px;text-decoration:none;text-align:center;
  display:flex;justify-content:center;align-items:center;font-weight:900;color:#f7fdff;
  border:1px solid rgba(80,220,255,.44);
  background:linear-gradient(135deg,rgba(14,137,181,.98),rgba(6,76,115,.98))
}
.web-service-buy:hover{filter:brightness(1.08)}
.web-service-qr-note{
  padding:13px;border-radius:13px;background:rgba(47,190,231,.07);
  border:1px solid rgba(78,211,247,.15);font-size:12px;color:#9fc0d0;line-height:1.45
}
.web-service-payment-info{
  margin-top:12px;padding:13px;border-radius:13px;background:rgba(47,190,231,.045);
  border:1px solid rgba(78,211,247,.14);color:#a9bdcb;font-size:12.5px;line-height:1.5
}
.web-service-payment-info>b{display:block;color:#e8faff;margin-bottom:6px}
.web-service-payment-info ul{margin:6px 0 0;padding-left:18px}
.web-service-payment-info li+li{margin-top:7px}
.web-service-payment-info p{margin:10px 0 0}

.web-services-terms{
  padding:18px;border:1px solid rgba(89,209,244,.16);border-radius:18px;background:rgba(8,23,36,.76)
}
.web-services-terms h3{margin:0 0 10px}
.web-services-terms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.web-services-term{padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.025);color:#a8bcc9;line-height:1.45}
.web-services-term b{display:block;color:#eefbff;margin-bottom:2px}

.web-services-intake-cta{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;
  border:1px solid rgba(83,223,255,.24);border-radius:16px;
  background:linear-gradient(145deg,rgba(9,33,51,.94),rgba(5,19,31,.98))
}
.web-services-intake-cta>div{display:grid;gap:3px;min-width:0}
.web-services-intake-cta b{color:#effcff;font-size:15px}
.web-services-intake-cta span{color:#9db8c7;font-size:13px;line-height:1.4}
.web-services-intake-cta a{
  flex:0 0 auto;text-decoration:none;padding:11px 13px;border-radius:11px;
  border:1px solid rgba(107,232,255,.42);background:linear-gradient(180deg,#6cebf7,#25b8d2);
  color:#05202a;font-weight:900;font-size:13px
}

.web-services-back{justify-self:start}

@media(max-width:850px){.web-services-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  .web-services-intake-cta{align-items:stretch;flex-direction:column}
  .web-services-intake-cta a{text-align:center}
  .web-services-home-card{grid-template-columns:auto minmax(0,1fr);padding:14px}
  .web-services-home-cta{grid-column:2}
  .web-services-home-icon{width:46px;height:46px}
  .web-services-terms-grid{grid-template-columns:1fr}
  .web-services-hero{padding:18px}
}