/* =========================================================
   Powerentals / Pocket Rentals visual redesign layer
   Scope: visual design only. Content, services and CTA links remain.
   ========================================================= */
:root{
  --pr-yellow:#f5b700;
  --pr-yellow-2:#ffd34d;
  --pr-ink:#07111f;
  --pr-ink-2:#0d1b2e;
  --pr-steel:#1e293b;
  --pr-muted:#64748b;
  --pr-line:#dbe4ef;
  --pr-soft:#f3f6fa;
  --pr-card:#ffffff;
  --pr-green:#25d366;
  --pr-shadow:0 24px 70px rgba(8, 20, 35, .16);
  --pr-radius:28px;
}

html{scroll-behavior:smooth;}
body.powerentals-v2{
  background:
    radial-gradient(circle at 12% 4%, rgba(245,183,0,.10), transparent 30rem),
    radial-gradient(circle at 88% 0%, rgba(37,99,235,.08), transparent 32rem),
    linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%) !important;
  color:#0f172a;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.powerentals-v2::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(15,23,42,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.045) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.75), transparent 72%);
}

/* Global polish */
.powerentals-v2 ::selection{background:var(--pr-yellow);color:#05070b;}
.powerentals-v2 img{image-rendering:auto;}
.powerentals-v2 [data-aos]{will-change:transform,opacity;}
.powerentals-v2 .text-brand-yellow{color:var(--pr-yellow) !important;}
.powerentals-v2 .bg-brand-yellow{background:linear-gradient(135deg,var(--pr-yellow-2),var(--pr-yellow)) !important;color:#07111f !important;}
.powerentals-v2 .bg-brand-dark{background:var(--pr-ink) !important;}
.powerentals-v2 .bg-brand-darker{background:#020617 !important;}
.powerentals-v2 .bg-brand-light{background:#f7f9fc !important;}
.powerentals-v2 .border-brand-yellow{border-color:var(--pr-yellow) !important;}
.powerentals-v2 .hover\:text-brand-yellow:hover{color:var(--pr-yellow) !important;}
.powerentals-v2 .hover\:border-brand-yellow:hover{border-color:var(--pr-yellow) !important;}

/* Top utility bar */
.powerentals-v2 > div.bg-gray-900.text-gray-300,
.powerentals-v2 > div[class*="bg-gray-900"][class*="text-gray-300"]{
  background:linear-gradient(90deg,#020617 0%,#07111f 48%,#142033 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  color:#cbd5e1 !important;
}
.powerentals-v2 > div.bg-gray-900 .max-w-7xl{
  min-height:40px;
}
.powerentals-v2 > div.bg-gray-900 span.font-semibold{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.28rem .65rem;
  border-radius:999px;
  background:rgba(245,183,0,.12);
  border:1px solid rgba(245,183,0,.30);
  color:#ffd34d !important;
}

/* Navigation */
.powerentals-v2 nav{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 12px 36px rgba(15,23,42,.08) !important;
}
.powerentals-v2 nav .h-20{height:88px !important;}
.powerentals-v2 nav img{
  filter:drop-shadow(0 10px 18px rgba(15,23,42,.12));
}
.powerentals-v2 nav a:not([class*="bg-"]){
  color:#1e293b !important;
  letter-spacing:.01em;
}
.powerentals-v2 nav a:not([class*="bg-"]):hover{color:#020617 !important;}
.powerentals-v2 nav .group > button,
.powerentals-v2 nav button{
  border-radius:999px;
}
.powerentals-v2 nav a.bg-brand-yellow,
.powerentals-v2 nav a[href*="wa.link"]{
  border-radius:999px !important;
  box-shadow:0 14px 30px rgba(245,183,0,.30) !important;
  border:1px solid rgba(7,17,31,.10);
}
.powerentals-v2 nav .absolute[class*="group-hover"]{
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:20px !important;
  box-shadow:0 28px 80px rgba(2,6,23,.18) !important;
  overflow:hidden;
}

/* Hero home */
.powerentals-v2 main > section:first-child{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 20%, rgba(245,183,0,.24), transparent 24rem),
    radial-gradient(circle at 72% 18%, rgba(59,130,246,.18), transparent 32rem),
    linear-gradient(135deg,#020617 0%,#07111f 48%,#111827 100%) !important;
  color:white !important;
  border-bottom:0 !important;
  overflow:hidden;
}
.powerentals-v2 main > section:first-child::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 50% 28%,#000 0%,transparent 72%);
}
.powerentals-v2 main > section:first-child::after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-170px;
  width:420px;
  height:420px;
  border-radius:999px;
  background:rgba(245,183,0,.16);
  filter:blur(18px);
  z-index:-1;
}
.powerentals-v2 main > section:first-child h2,
.powerentals-v2 main > section:first-child h1{
  color:#fff !important;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.powerentals-v2 main > section:first-child p{color:#cbd5e1 !important;}
.powerentals-v2 main > section:first-child .inline-flex,
.powerentals-v2 main > section:first-child span.rounded-full{
  border-color:rgba(245,183,0,.34) !important;
}
.powerentals-v2 main > section:first-child img{
  border-radius:34px !important;
  box-shadow:0 36px 90px rgba(0,0,0,.48) !important;
}
.powerentals-v2 main > section:first-child .absolute.inset-0.bg-gradient-to-t{
  background:linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,.72)) !important;
}

/* Primary buttons */
.powerentals-v2 a.bg-brand-yellow,
.powerentals-v2 button.bg-brand-yellow{
  border-radius:999px !important;
  background:linear-gradient(135deg,#ffe27a 0%,#f5b700 55%,#d99800 100%) !important;
  color:#07111f !important;
  box-shadow:0 18px 38px rgba(245,183,0,.30) !important;
  border:1px solid rgba(7,17,31,.08) !important;
}
.powerentals-v2 a.bg-brand-yellow:hover,
.powerentals-v2 button.bg-brand-yellow:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 48px rgba(245,183,0,.38) !important;
}
.powerentals-v2 a[class*="bg-[#25D366]"],
.powerentals-v2 a[href*="wa.link"][class*="bg-"]{
  border-radius:999px !important;
  background:linear-gradient(135deg,#25d366,#13b85b) !important;
  box-shadow:0 20px 42px rgba(37,211,102,.28) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.powerentals-v2 a[href^="tel:"]{
  border-radius:999px !important;
}

/* Homepage sections */
.powerentals-v2 main > section:not(:first-child){
  position:relative;
}
.powerentals-v2 section.bg-gray-50,
.powerentals-v2 section.bg-white{
  background:transparent !important;
}
.powerentals-v2 section[id="equipment"]{
  padding-top:88px !important;
  padding-bottom:88px !important;
}
.powerentals-v2 section[id="equipment"] h2,
.powerentals-v2 section[id="about"] h2,
.powerentals-v2 section h2{
  letter-spacing:-.04em;
  text-wrap:balance;
}
.powerentals-v2 section[id="equipment"] .grid > div,
.powerentals-v2 section[id="equipment"] article,
.powerentals-v2 section[id="equipment"] .bg-white.rounded-2xl,
.powerentals-v2 main .rounded-2xl.bg-white,
.powerentals-v2 main .bg-white.rounded-2xl{
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:var(--pr-radius) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 18px 52px rgba(15,23,42,.10) !important;
  overflow:hidden;
}
.powerentals-v2 section[id="equipment"] .grid > div:hover,
.powerentals-v2 main .bg-white.rounded-2xl:hover{
  box-shadow:0 28px 74px rgba(15,23,42,.16) !important;
}
.powerentals-v2 section[id="equipment"] img,
.powerentals-v2 .rounded-2xl img{
  transition:transform .55s ease, filter .55s ease;
}
.powerentals-v2 section[id="equipment"] .grid > div:hover img,
.powerentals-v2 .rounded-2xl:hover img{
  transform:scale(1.035);
}
.powerentals-v2 section.bg-brand-yellow{
  background:linear-gradient(135deg,#f5b700,#ffd34d) !important;
  color:#07111f !important;
  border-block:1px solid rgba(7,17,31,.12);
}
.powerentals-v2 section.bg-brand-yellow h2,
.powerentals-v2 section.bg-brand-yellow p{color:#07111f !important;}
.powerentals-v2 section.bg-gray-900{
  background:
    radial-gradient(circle at 20% 15%, rgba(245,183,0,.18), transparent 24rem),
    linear-gradient(135deg,#020617,#0b1322 55%,#111827) !important;
}
.powerentals-v2 section.bg-brand-dark{
  background:
    radial-gradient(circle at 75% 20%, rgba(245,183,0,.18), transparent 23rem),
    linear-gradient(135deg,#020617,#07111f) !important;
  border-top:0 !important;
}

/* Client logo strip */
.powerentals-v2 img[src*="Clientes"]{
  filter:grayscale(1) contrast(1.08);
  opacity:.72;
  transition:filter .25s ease, opacity .25s ease, transform .25s ease;
}
.powerentals-v2 img[src*="Clientes"]:hover{
  filter:grayscale(0) contrast(1);
  opacity:1;
  transform:translateY(-2px);
}

/* Product pages */
.powerentals-v2 nav + div.bg-white.border-b{
  background:rgba(7,17,31,.96) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  color:#cbd5e1 !important;
}
.powerentals-v2 nav + div.bg-white.border-b a,
.powerentals-v2 nav + div.bg-white.border-b span{
  color:#cbd5e1 !important;
}
.powerentals-v2 nav + div.bg-white.border-b a:hover{color:var(--pr-yellow) !important;}
.powerentals-v2 main.flex-grow.py-12{
  padding-top:64px !important;
  padding-bottom:88px !important;
}
.powerentals-v2 main.flex-grow.py-12 > .max-w-7xl > .grid:first-child{
  padding:28px;
  border-radius:34px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:var(--pr-shadow);
}
.powerentals-v2 #main-image{
  border-radius:30px;
}
.powerentals-v2 #main-image + div,
.powerentals-v2 #main-image ~ div{
  z-index:2;
}
.powerentals-v2 .thumbnail-btn{
  border-radius:18px !important;
  box-shadow:0 12px 28px rgba(15,23,42,.10);
}
.powerentals-v2 .thumbnail-btn.border-brand-yellow,
.powerentals-v2 .thumbnail-btn.border-2{
  border-color:var(--pr-yellow) !important;
  box-shadow:0 14px 36px rgba(245,183,0,.22);
}
.powerentals-v2 main.flex-grow.py-12 h1{
  letter-spacing:-.05em;
  text-wrap:balance;
}
.powerentals-v2 main.flex-grow.py-12 h1 span{
  color:#c78c00 !important;
  text-decoration-color:var(--pr-yellow) !important;
}
.powerentals-v2 main.flex-grow.py-12 .grid.grid-cols-2.sm\:grid-cols-4 > div{
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f8fafc) !important;
  border:1px solid rgba(15,23,42,.10) !important;
}
.powerentals-v2 table{
  border-collapse:separate;
  border-spacing:0;
}
.powerentals-v2 table th{
  background:#f8fafc !important;
  color:#0f172a !important;
}
.powerentals-v2 table td{color:#334155 !important;}
.powerentals-v2 table tr:hover th,
.powerentals-v2 table tr:hover td{background:#fff7d6 !important;}
.powerentals-v2 .overflow-hidden > table{overflow:hidden;}

/* Legal pages */
.powerentals-v2 main.max-w-4xl,
.powerentals-v2 main.flex-grow.py-12.px-4{
  margin-top:56px;
  margin-bottom:80px;
  padding:42px !important;
  border-radius:34px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:var(--pr-shadow);
}
.powerentals-v2 main.max-w-4xl h1{
  letter-spacing:-.045em;
  color:#07111f !important;
}
.powerentals-v2 main.max-w-4xl h2,
.powerentals-v2 main.max-w-4xl h3{color:#0f172a !important;}
.powerentals-v2 main.max-w-4xl p,
.powerentals-v2 main.max-w-4xl li{color:#475569 !important;}

/* Footer */
.powerentals-v2 footer{
  background:
    radial-gradient(circle at 18% 12%, rgba(245,183,0,.16), transparent 20rem),
    linear-gradient(135deg,#020617,#07111f 55%,#0b1322) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.powerentals-v2 footer img{filter:drop-shadow(0 16px 24px rgba(0,0,0,.35));}
.powerentals-v2 footer h4,
.powerentals-v2 footer h3{color:#fff !important;}
.powerentals-v2 footer a:hover{color:var(--pr-yellow) !important;}

/* WhatsApp float */
.powerentals-v2 .whatsapp-float{
  width:68px !important;
  height:68px !important;
  border:1px solid rgba(255,255,255,.32);
  background:linear-gradient(135deg,#25d366,#13b85b) !important;
  box-shadow:0 22px 54px rgba(37,211,102,.38) !important;
}
.powerentals-v2 .whatsapp-greeting{
  border-radius:18px !important;
  box-shadow:0 18px 48px rgba(15,23,42,.22) !important;
  border:1px solid rgba(15,23,42,.10) !important;
}
.powerentals-v2 #cookie-consent-banner{
  border-radius:24px !important;
  border-color:rgba(15,23,42,.14) !important;
}

/* Mobile refinements */
@media (max-width: 767px){
  body.powerentals-v2{background:#f5f7fb !important;}
  .powerentals-v2 nav .h-20{height:72px !important;}
  .powerentals-v2 nav img{max-height:48px !important;}
  .powerentals-v2 main > section:first-child{padding-top:36px !important;}
  .powerentals-v2 main > section:first-child h2,
  .powerentals-v2 main > section:first-child h1{font-size:2.75rem !important;line-height:1.02 !important;}
  .powerentals-v2 section[id="equipment"]{padding-top:56px !important;padding-bottom:56px !important;}
  .powerentals-v2 main.flex-grow.py-12 > .max-w-7xl > .grid:first-child{padding:14px;border-radius:24px;}
  .powerentals-v2 main.max-w-4xl,
  .powerentals-v2 main.flex-grow.py-12.px-4{padding:26px 20px !important;border-radius:24px;margin-top:32px;}
  .powerentals-v2 .whatsapp-float{right:18px !important;bottom:18px !important;width:60px !important;height:60px !important;}
}

@media (prefers-reduced-motion: reduce){
  .powerentals-v2 *,
  .powerentals-v2 *::before,
  .powerentals-v2 *::after{transition:none !important;animation:none !important;scroll-behavior:auto !important;}
}
