/* ClickRestaurante RC3-R18 — diseño aprobado: Herramientas que sí trabajan juntas.
   Only the #herramientas section is affected. All text, links and controls stay HTML. */
.cr-tools18 {
  position:relative; isolation:isolate; overflow:hidden;
  padding-block:clamp(70px,7vw,105px);
  background:radial-gradient(ellipse at 89% 9%,rgba(134,42,164,.35),transparent 48%),
             radial-gradient(ellipse at 0% 100%,rgba(222,102,54,.21),transparent 40%),
             linear-gradient(121deg,#280d42 0%,#3b1358 57%,#280d3f 100%);
}
.cr-tools18::before,.cr-tools18::after {content:"";position:absolute;inset:auto;z-index:-1;pointer-events:none;}
.cr-tools18::before{right:-200px;top:-195px;width:480px;height:430px;border:1px solid rgba(255,157,49,.25);border-radius:50%;box-shadow:0 0 65px rgba(255,135,49,.12);}
.cr-tools18::after{left:-270px;bottom:-290px;width:620px;height:450px;border:1px solid rgba(255,153,52,.23);border-radius:50%;}
.cr-tools18>.wrap{max-width:1360px;position:relative;z-index:1;}
.cr-tools18 .cr-tools18-heading{align-items:end;gap:30px;margin-bottom:33px;}
.cr-tools18-heading .section-eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.1em;color:#ffe6b9;}
.cr-tools18-heading .section-eyebrow::before{background:#fff1d9;border:1px solid #ffbb7e;color:#f77c17;box-shadow:0 3px 18px rgba(255,150,47,.2);}
.cr-tools18-heading h2{font-size:clamp(44px,5.3vw,81px);line-height:1.04;letter-spacing:-.062em;color:#fff;}
.cr-tools18-heading h2 em{color:#ff9838;}
.cr-tools18-heading>p{font-size:clamp(14px,1.25vw,18px);line-height:1.66;color:#e9dcec;max-width:390px;}
.cr-tools18 .cr-tools18-grid{gap:16px;}
.cr-tools18 .cr-tool-card{
  min-width:0;min-height:472px;padding:36px 35px;display:block;position:relative;
  border:1px solid rgba(255,255,255,.65);border-radius:26px;overflow:hidden;
  box-shadow:0 18px 50px rgba(13,3,31,.2);transition:transform .2s ease,box-shadow .2s ease;
}
.cr-tools18 .cr-tool-card:hover{transform:translateY(-3px);box-shadow:0 25px 58px rgba(13,3,31,.28);}
.cr-tools18 .cr-tool-menu{background:linear-gradient(138deg,#f3e8fc,#f1e6ff 74%,#efdaf9);}
.cr-tools18 .cr-tool-import{background:linear-gradient(143deg,#fff6eb,#ffead7 90%);}
.cr-tools18 .cr-tool-copy{position:relative;z-index:2;max-width:54%;width:54%;}
.cr-tools18 .cr-tool-copy .tool-label{font-size:11px;color:#6c24a4;letter-spacing:.12em;}
.cr-tools18 .cr-tool-copy h3{font-size:clamp(30px,3.05vw,43px);font-weight:830;line-height:1.08;color:#29113e;letter-spacing:-.055em;margin:22px 0 19px;}
.cr-tools18 .cr-tool-copy p{font-size:clamp(13px,1.02vw,15px);line-height:1.73;color:#63536c;margin:0 0 24px;}
.cr-tools18 .cr-tool-action{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:49px;
  padding:13px 20px;border-radius:11px;border:0;background:#552080;color:white;
  box-shadow:0 12px 25px rgba(80,25,118,.14);
  font-size:clamp(12px,1.1vw,15px);font-weight:770;text-decoration:none;line-height:1.3;
  transition:background .2s ease,transform .2s ease;
}
.cr-tools18 .cr-tool-action:hover{background:#6b2a9a;transform:translateY(-2px);}
.cr-tools18 .cr-tool-action:focus-visible,.cr-tools18-benefit:focus-visible{outline:3px solid #ff8d28;outline-offset:4px;}
.cr-tools18 .cr-tool-graphic {position:absolute;z-index:1;bottom:-1px;right:-1px;margin:0;display:block;pointer-events:none;overflow:hidden;}
.cr-tools18 .cr-tool-graphic img{display:block;width:100%;height:auto;object-fit:contain;}
.cr-tools18 .cr-tool-graphic-menu{width:min(53%,354px);max-height:calc(100% - 13px);}
.cr-tools18 .cr-tool-graphic-import{width:min(54%,413px);max-height:calc(100% - 20px);}
.cr-tools18 .cr-tools18-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:23px;}
.cr-tools18 .cr-tools18-benefit{
  min-width:0;position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 36px;
  grid-template-rows:auto 1fr;gap:4px 13px;align-items:start;
  padding:20px 18px;border:1px solid rgba(227,171,251,.19);border-radius:20px;
  background:rgba(255,255,255,.052);color:#fff;text-decoration:none;
  box-shadow:0 10px 25px rgba(30,6,49,.07);transition:background .2s ease,transform .2s ease;
}
.cr-tools18 .cr-tools18-benefit:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);}
.cr-tools18 .cr-tools18-benefit .cr-benefit-icon{display:grid;place-items:center;grid-column:1;grid-row:1/3;width:54px;height:54px;font-size:28px;font-weight:800;color:#7534b8;background:linear-gradient(135deg,#fff3e7,#f6e6ff);border-radius:15px;}
.cr-tools18 .cr-tools18-benefit b{grid-column:2;grid-row:1;font-size:17px;font-weight:760;line-height:1.3;color:white;}
.cr-tools18 .cr-tools18-benefit p{grid-column:2;grid-row:2;margin:4px 0 0;font-size:13px;color:#e8d5ee;line-height:1.65;}
.cr-tools18 .cr-tools18-benefit .cr-benefit-arrow{display:grid;place-items:center;grid-column:3;grid-row:1/3;align-self:center;width:35px;height:35px;border:1px solid rgba(230,200,247,.25);border-radius:50%;font-size:23px;color:white;background:rgba(255,255,255,.06);}
@media(max-width:1100px){
 .cr-tools18 .cr-tools18-grid{gap:14px;}
 .cr-tools18 .cr-tool-card{padding:28px 23px;min-height:465px;}
 .cr-tools18 .cr-tool-copy{width:56%;max-width:56%;}
 .cr-tools18 .cr-tool-copy h3{font-size:clamp(26px,3vw,36px);}
 .cr-tools18 .cr-tool-graphic-menu{width:51%;}
 .cr-tools18 .cr-tool-graphic-import{width:50%;}
 .cr-tools18 .cr-tools18-benefit{padding:16px 11px;grid-template-columns:45px minmax(0,1fr) 25px;gap:4px 10px;}
 .cr-tools18 .cr-tools18-benefit .cr-benefit-icon{width:44px;height:44px;font-size:22px;}
 .cr-tools18 .cr-tools18-benefit b{font-size:15px;}
 .cr-tools18 .cr-tools18-benefit p{font-size:12px;}
 .cr-tools18 .cr-tools18-benefit .cr-benefit-arrow{width:25px;height:25px;font-size:18px;}
}
@media(max-width:800px){
 .cr-tools18 .cr-tools18-heading{align-items:start;gap:18px;}
 .cr-tools18 .cr-tools18-grid{grid-template-columns:1fr;}
 .cr-tools18 .cr-tool-card{min-height:470px;}
 .cr-tools18 .cr-tool-copy{max-width:54%;width:54%;}
 .cr-tools18 .cr-tool-copy h3{font-size:clamp(29px,5vw,41px);}
 .cr-tools18 .cr-tool-graphic-menu{width:min(47%,350px);}
 .cr-tools18 .cr-tool-graphic-import{width:min(51%,410px);}
 .cr-tools18 .cr-tools18-benefits{grid-template-columns:1fr;gap:10px;}
}
@media(max-width:580px){
 .cr-tools18{padding-block:65px;}
 .cr-tools18-heading h2{font-size:clamp(37px,9vw,55px);}
 .cr-tools18 .cr-tool-card{padding:25px 22px 0;min-height:600px;}
 .cr-tools18 .cr-tool-copy{max-width:100%;width:100%;padding-bottom:0;}
 .cr-tools18 .cr-tool-copy h3{font-size:clamp(31px,7.7vw,41px);margin:15px 0 12px;}
 .cr-tools18 .cr-tool-copy p{max-width:410px;font-size:14px;line-height:1.6;margin-bottom:18px;}
 .cr-tools18 .cr-tool-action{font-size:13px;padding:12px 15px;min-height:46px;}
 .cr-tools18 .cr-tool-graphic-menu{width:min(74%,300px);right:0;}
 .cr-tools18 .cr-tool-graphic-import{width:min(80%,325px);right:-6px;}
 .cr-tools18 .cr-tool-graphic{max-height:330px;}
 .cr-tools18 .cr-tool-graphic img{width:100%;}
 .cr-tools18 .cr-tools18-benefit{grid-template-columns:45px minmax(0,1fr) 28px;padding:18px 13px;}
}
@media(max-width:390px){
 .cr-tools18 .cr-tool-card{min-height:640px;}
 .cr-tools18 .cr-tool-graphic{max-height:315px;}
 .cr-tools18 .cr-tool-copy h3{font-size:30px;}
 .cr-tools18 .cr-tool-copy p{font-size:13px;}
}
@media(prefers-reduced-motion:reduce){.cr-tools18 .cr-tool-card,.cr-tools18 .cr-tool-action,.cr-tools18-benefit{transition:none!important;transform:none!important;}}