/* ClickRestaurante RC3-R17: rediseño aprobado de la sección Sala → Cocina → Caja.
   Aislado por .cr-flow17: no modifica el hero, otras secciones ni paneles internos. */
.cr-flow17 {
  padding-block: clamp(72px,8vw,110px);
  background: radial-gradient(ellipse at 0% 0%,#f1e8ff,transparent 43%),
              radial-gradient(ellipse at 90% 115%,#eae0ff,transparent 40%),
              linear-gradient(145deg,#fffefe 14%,#fbf7ff 76%,#f7f0ff);
  overflow:hidden;
}
.cr-flow17::before{width:clamp(160px,24vw,350px);height:clamp(160px,24vw,350px);top:-110px;right:-75px;border:1px solid #c3a5e04f;}
.cr-flow17::after{content:"";position:absolute;right:8%;top:8%;width:12px;height:12px;border-radius:50%;background:#bfa5ec8a;box-shadow:-90vw 170px 0 0 #bfa5ec8a;pointer-events:none;}
.cr-flow17 .wrap {max-width:1360px;}
.cr-flow17 .cr-flow17-heading {align-items:center;margin-bottom:45px;gap:clamp(35px,8vw,110px);}
.cr-flow17-heading h2 {font-size:clamp(48px,5.5vw,84px);line-height:1.03;letter-spacing:-.065em;}
.cr-flow17-heading h2 em {color:#6931a3;}
.cr-flow17-heading .section-eyebrow {display:inline-flex;gap:12px;padding:7px 18px 7px 7px;border-radius:99px;background:#fff4f3;border:1px solid #ffe4df;box-shadow:0 5px 13px #ff792016;color:#652685;letter-spacing:.095em;margin-bottom:22px;}
.cr-flow17-heading .section-eyebrow::before {border-radius:50%;width:32px;height:32px;flex-basis:32px;}
.cr-flow17-heading>p {max-width:395px;padding-left:37px;border-left:2px solid #cdaaf4;font-size:clamp(15px,1.4vw,18px);line-height:1.65;color:#706183;}
.cr-flow17 .cr-flow17-cards {gap:20px;align-items:stretch;}
.cr-flow17 .cr-flow17-card {display:flex;flex-direction:column;min-width:0;padding:21px 14px 25px;border-radius:29px;border:1px solid #e6d8f4;box-shadow:0 23px 50px #45226415,0 3px 10px #45226408;}
.cr-flow17 .cr-flow17-card::before {height:5px;background:linear-gradient(90deg,#ff8a17,#fe9876,#6630aa);}
.cr-flow17 .flow-first{background:linear-gradient(160deg,#fcf8ff,#f8f1ff)}
.cr-flow17 .flow-second{background:linear-gradient(160deg,#fffaf5,#fff6ee)}
.cr-flow17 .flow-third{background:linear-gradient(160deg,#fcfaff,#fbf9ff)}
.cr-flow17 .flow-head {margin:0 7px 16px;font-size:14px;font-weight:850;letter-spacing:.03em;color:#321449;}
.cr-flow17 .flow-head b {font-size:21px;color:#6c25c1;}
.cr-flow17 .flow-second .flow-head b {color:#f47412;}
.cr-flow17 .flow-arrow {width:42px;height:42px;border-radius:50%;background:#fff;color:#40155d;font-size:23px;box-shadow:0 6px 14px #55287817;}
.cr-flow17 .flow-arrow:focus-visible {outline:3px solid #ff941e;outline-offset:3px;}
.cr-flow17 .cr-flow17-scene {margin:0 0 22px;overflow:hidden;aspect-ratio:1.12;border-radius:17px;background:#f2e8f3;box-shadow:0 1px 0 #fff9;}
.cr-flow17 .cr-flow17-scene img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.cr-flow17 .cr-flow17-copy{padding:0 9px;}
.cr-flow17 .cr-flow17-copy h3 {font-size:clamp(21px,2vw,30px);line-height:1.2;letter-spacing:-.05em;margin:0 0 13px;color:#210a35;}
.cr-flow17 .cr-flow17-copy p {font-size:clamp(14px,1.15vw,17px);line-height:1.65;color:#6d6079;margin:0;}
@media(max-width:1080px){
 .cr-flow17 .cr-flow17-cards{gap:12px;}
 .cr-flow17 .cr-flow17-card{padding:17px 10px 22px;}
 .cr-flow17 .flow-head{margin-inline:4px;font-size:12px;}
 .cr-flow17 .flow-arrow{width:34px;height:34px;}
 .cr-flow17 .cr-flow17-copy{padding-inline:5px;}
}
@media(max-width:720px){
 .cr-flow17{padding-block:62px;}
 .cr-flow17 .cr-flow17-heading{align-items:flex-start;gap:18px;margin-bottom:25px;}
 .cr-flow17-heading h2{font-size:clamp(39px,9.5vw,60px);}
 .cr-flow17-heading>p{padding-left:16px;border-left:2px solid #cdaaf4;max-width:100%;line-height:1.6;}
 .cr-flow17 .cr-flow17-cards{grid-template-columns:1fr;gap:22px;max-width:510px;margin:0 auto;}
 .cr-flow17 .cr-flow17-card{padding:20px 16px 26px;}
 .cr-flow17 .cr-flow17-scene{margin-bottom:21px;}
 .cr-flow17 .cr-flow17-copy h3{font-size:25px;}
 .cr-flow17 .cr-flow17-copy p{font-size:15px;}
}
@media(prefers-reduced-motion:reduce){.cr-flow17 .cr-flow17-card{transition:none;transform:none!important;}}