/*
Theme Name: Imporferri Elementor Ligero
Theme URI: https://quebuenaidea.com.ec/
Author: Que Buena Idea
Author URI: https://quebuenaidea.com.ec/
Description: Tema hijo de Hello Elementor para Imporferri. Mantiene la estética original de Elementor y agrega una base visual corporativa con colores configurados al estilo de la marca.
Version: 1.1.2
Template: hello-elementor
Text Domain: imporferri-elementor
*/

:root{
  --if-font-body:"Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --if-font-head:"Poppins", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --if-primary:#AD0000;
  --if-primary-soft:#BF1A1A;
  --if-primary-dark:#7D0000;
  --if-ink:#2B2B2B;
  --if-text:#4F4F53;
  --if-muted:#7C7C82;
  --if-bg:#FFFFFF;
  --if-surface:#FFFFFF;
  --if-line:rgba(43,43,43,.12);
  --if-radius:14px;
  --if-radius-sm:10px;
  --if-shadow:0 10px 28px rgba(0,0,0,.10);
  --if-shadow-soft:0 8px 20px rgba(0,0,0,.08);
}

html, body{
  max-width:100%;
  overflow-x:hidden;
}

body{
  color:var(--if-text);
  font-family:var(--if-font-body);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  scrollbar-width:thin;
  scrollbar-color:#BF1A1A #f1f1f1;
}

/* Barra de desplazamiento */
::-webkit-scrollbar{ width:12px; }
::-webkit-scrollbar-track{ background-color:#f1f1f1; }
::-webkit-scrollbar-thumb{ background-color:#BF1A1A; border-radius:6px; }
body::-webkit-scrollbar{ width:12px; }
body::-webkit-scrollbar-thumb{ background-color:#BF1A1A; border-radius:6px; }
body::-webkit-scrollbar-track{ background-color:#f1f1f1; }

h1,h2,h3,h4,h5,h6,
.elementor-heading-title{
  font-family:var(--if-font-head);
  letter-spacing:-.01em;
  color:var(--if-ink);
}

.elementor-button, button, .button, input[type="submit"]{ font-family:var(--if-font-head); }
nav a, .elementor-nav-menu a, .menu a{ font-family:var(--if-font-head); }
a{ color:var(--if-primary); }
a:hover{ color:var(--if-primary-dark); }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select{
  border:1px solid var(--if-line);
  border-radius:var(--if-radius-sm);
}

.if-card{
  background:var(--if-surface);
  border:1px solid var(--if-line);
  border-radius:var(--if-radius);
  box-shadow:var(--if-shadow-soft);
}
.if-card--flat{ box-shadow:none; }
.if-section-title{ font-weight:700; color:var(--if-ink); }
.if-muted{ color:var(--if-muted); }

.scrpc-compatibility,
.if-compatibility{ margin-top:18px; }
.scrpc-compatibility .scrpc-compat-wrap,
.if-compatibility .if-compat-wrap{
  background:var(--if-surface);
  border:1px solid var(--if-line);
  border-radius:var(--if-radius);
  box-shadow:var(--if-shadow-soft);
  overflow:hidden;
}
.scrpc-compatibility table,
.if-compatibility table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:14px;
}
.scrpc-compatibility thead th,
.if-compatibility thead th{
  text-align:left;
  padding:12px 14px;
  background:rgba(173,0,0,.06);
  color:var(--if-ink);
  font-weight:700;
  border-bottom:1px solid var(--if-line);
}
.scrpc-compatibility tbody td,
.if-compatibility tbody td{
  padding:12px 14px;
  border-bottom:1px solid rgba(43,43,43,.08);
  color:var(--if-text);
  vertical-align:top;
}
.scrpc-compatibility tbody tr:nth-child(odd) td,
.if-compatibility tbody tr:nth-child(odd) td{ background:rgba(43,43,43,.02); }
.scrpc-compatibility tbody tr:hover td,
.if-compatibility tbody tr:hover td{ background:rgba(191,26,26,.05); }
.scrpc-compatibility .if-table-scroll,
.if-compatibility .if-table-scroll{ overflow:auto; -webkit-overflow-scrolling:touch; }

.if-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.25rem .6rem;
  border-radius:999px;
  background:rgba(191,26,26,.08);
  border:1px solid rgba(191,26,26,.16);
  color:var(--if-primary-dark);
  font-weight:600;
  font-size:12px;
}


.scrpc-compatibility .scrpc-compat-row,
.if-compatibility .if-compat-row{
  display:grid;
  grid-template-columns:1.1fr 1.1fr 1.1fr .9fr 2fr;
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid rgba(43,43,43,.08);
}
.scrpc-compatibility .scrpc-compat-row--head,
.if-compatibility .if-compat-row--head{
  font-weight:700;
  background:rgba(173,0,0,.06);
  color:var(--if-ink);
  border-bottom:1px solid var(--if-line);
}
.scrpc-compatibility .scrpc-compat-row:nth-child(odd):not(.scrpc-compat-row--head),
.if-compatibility .if-compat-row:nth-child(odd):not(.if-compat-row--head){ background:rgba(43,43,43,.02); }

@media (max-width:820px){
  .scrpc-compatibility .scrpc-compat-row,
  .if-compatibility .if-compat-row{ min-width:760px; }
}