.elementor-18812 .elementor-element.elementor-element-f619b09{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--background-transition:0.3s;}.elementor-18812 .elementor-element.elementor-element-f619b09:not(.elementor-motion-effects-element-type-background), .elementor-18812 .elementor-element.elementor-element-f619b09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-18812 .elementor-element.elementor-element-f619b09, .elementor-18812 .elementor-element.elementor-element-f619b09::before{--border-transition:0.3s;}.elementor-18812 .elementor-element.elementor-element-37365f1{text-align:center;}.elementor-18812 .elementor-element.elementor-element-37365f1 .elementor-heading-title{color:var( --e-global-color-e5c221a );font-family:"Arial", Sans-serif;font-size:1rem;font-weight:600;}.elementor-18812 .elementor-element.elementor-element-56bfa2b{text-align:center;}.elementor-18812 .elementor-element.elementor-element-56bfa2b .elementor-heading-title{color:var( --e-global-color-e5c221a );font-family:"Arial", Sans-serif;font-size:3.5rem;font-weight:600;}.elementor-18812 .elementor-element.elementor-element-b9f996b{--display:flex;--background-transition:0.3s;}.elementor-18812 .elementor-element.elementor-element-6e0f0f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-18812 .elementor-element.elementor-element-f619b09{--content-width:1500px;}}/* Start custom CSS for html, class: .elementor-element-23d99e4 */<style>
/* ================================================================
   INDUMIL — Documentos Presupuesto · v4
   Alta especificidad anti-Elementor · !important en todo
================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Barlow:wght@400;600;700&display=swap');

body .ppto-wrap,
.elementor-widget-container .ppto-wrap,
.ppto-wrap {
  --amarillo:     #FFCD00;
  --amarillo-d:   #E0B400;
  --negro:        #1A1A1A;
  --gris-oscuro:  #2E2E2E;
  --gris-medio:   #5C5C5C;
  --gris-claro:   #F4F4F0;
  --blanco:       #FFFFFF;
  --borde:        #DDDDD8;
  --sombra:       rgba(26,26,26,0.10);
  --sombra-h:     rgba(26,26,26,0.22);
  --radio:        0.5rem;
  --ease:         cubic-bezier(0.4, 0, 0.2, 1);
  --t:            220ms;
}

body .ppto-wrap *,
body .ppto-wrap *::before,
body .ppto-wrap *::after,
.ppto-wrap *,
.ppto-wrap *::before,
.ppto-wrap *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .ppto-wrap,
.elementor-widget-container .ppto-wrap,
.ppto-wrap {
  font-family: 'Barlow', Arial, sans-serif !important;
  padding: 1.5rem 0 !important;
  background: transparent !important;
  width: 100% !important;
}

/* ── Grid ─────────────────────────────────────────────────── */
body .ppto-wrap .ppto-grid,
.elementor-widget-container .ppto-grid,
.ppto-wrap .ppto-grid {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.85rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 35rem) {
  body .ppto-wrap .ppto-grid,
  .elementor-widget-container .ppto-grid,
  .ppto-wrap .ppto-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 68rem) {
  body .ppto-wrap .ppto-grid,
  .elementor-widget-container .ppto-grid,
  .ppto-wrap .ppto-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1rem !important;
  }
}

/* ── Tarjeta ──────────────────────────────────────────────── */
body .ppto-wrap .ppto-card,
.elementor-widget-container .ppto-card,
.ppto-wrap .ppto-card {
  background: #FFFFFF !important;
  border: 1px solid #DDDDD8 !important;
  border-left: 5px solid #FFCD00 !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 2px 8px rgba(26,26,26,0.10) !important;
  overflow: hidden !important;
  list-style: none !important;
  animation: pptoIn 0.4s cubic-bezier(0.4,0,0.2,1) both !important;
}

body .ppto-wrap .ppto-card:nth-child(1),
.ppto-wrap .ppto-card:nth-child(1) { animation-delay: 0.04s !important; }
body .ppto-wrap .ppto-card:nth-child(2),
.ppto-wrap .ppto-card:nth-child(2) { animation-delay: 0.09s !important; }
body .ppto-wrap .ppto-card:nth-child(3),
.ppto-wrap .ppto-card:nth-child(3) { animation-delay: 0.14s !important; }
body .ppto-wrap .ppto-card:nth-child(4),
.ppto-wrap .ppto-card:nth-child(4) { animation-delay: 0.19s !important; }

@keyframes pptoIn {
  from { opacity: 0; transform: translateX(-10px); }
  to   { opacity: 1; transform: translateX(0); }
}

body .ppto-wrap .ppto-card:hover,
body .ppto-wrap .ppto-card:focus-within,
.ppto-wrap .ppto-card:hover,
.ppto-wrap .ppto-card:focus-within {
  border-left-color: #1A1A1A !important;
  box-shadow: 0 6px 20px rgba(26,26,26,0.22) !important;
}

/* ── Enlace ───────────────────────────────────────────────── */
body .ppto-wrap .ppto-card .ppto-link,
.elementor-widget-container .ppto-link,
.ppto-wrap .ppto-card .ppto-link {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: 1.1rem 1.2rem !important;
  text-decoration: none !important;
  color: #1A1A1A !important;
  height: 100% !important;
  outline: none !important;
  background: transparent !important;
  transition: background-color 220ms cubic-bezier(0.4,0,0.2,1), transform 220ms cubic-bezier(0.4,0,0.2,1), box-shadow 220ms cubic-bezier(0.4,0,0.2,1) !important;
}

body .ppto-wrap .ppto-card:hover .ppto-link,
body .ppto-wrap .ppto-card:focus-within .ppto-link,
.ppto-wrap .ppto-card:hover .ppto-link,
.ppto-wrap .ppto-card:focus-within .ppto-link {
  background-color: #FFFBEB !important;
  transform: translateX(4px) !important;
}

body .ppto-wrap .ppto-link:focus-visible,
.ppto-wrap .ppto-link:focus-visible {
  outline: 3px solid #FFCD00 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(255,205,0,0.35) !important;
}

/* ── Ícono círculo ────────────────────────────────────────── */
body .ppto-wrap .ppto-icon,
.elementor-widget-container .ppto-icon,
.ppto-wrap .ppto-icon {
  flex-shrink: 0 !important;
  width: 2.6rem !important;
  height: 2.6rem !important;
  background: #FFCD00 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 220ms cubic-bezier(0.4,0,0.2,1), transform 220ms cubic-bezier(0.4,0,0.2,1) !important;
}

body .ppto-wrap .ppto-icon svg,
.ppto-wrap .ppto-icon svg {
  width: 1.2rem !important;
  height: 1.2rem !important;
  stroke: #1A1A1A !important;
  fill: none !important;
  transition: stroke 220ms !important;
}

body .ppto-wrap .ppto-card:hover .ppto-icon,
body .ppto-wrap .ppto-card:focus-within .ppto-icon,
.ppto-wrap .ppto-card:hover .ppto-icon,
.ppto-wrap .ppto-card:focus-within .ppto-icon {
  background-color: #1A1A1A !important;
  transform: scale(1.1) rotate(-6deg) !important;
}

body .ppto-wrap .ppto-card:hover .ppto-icon svg,
body .ppto-wrap .ppto-card:focus-within .ppto-icon svg,
.ppto-wrap .ppto-card:hover .ppto-icon svg,
.ppto-wrap .ppto-card:focus-within .ppto-icon svg {
  stroke: #FFCD00 !important;
}

/* ── Texto ────────────────────────────────────────────────── */
body .ppto-wrap .ppto-content,
.elementor-widget-container .ppto-content,
.ppto-wrap .ppto-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.3rem !important;
  min-width: 0 !important;
}

body .ppto-wrap .ppto-tag,
.elementor-widget-container .ppto-tag,
.ppto-wrap .ppto-tag {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #5C5C5C !important;
  display: block !important;
  background: none !important;
  border: none !important;
}

body .ppto-wrap .ppto-titulo,
.elementor-widget-container .ppto-titulo,
.ppto-wrap .ppto-titulo {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: #1A1A1A !important;
  line-height: 1.25 !important;
  display: block !important;
  background: none !important;
  border: none !important;
}

/* ── Flecha ───────────────────────────────────────────────── */
body .ppto-wrap .ppto-arrow,
.elementor-widget-container .ppto-arrow,
.ppto-wrap .ppto-arrow {
  flex-shrink: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  transform: translateX(-4px) !important;
  transition: opacity 220ms, transform 220ms cubic-bezier(0.4,0,0.2,1) !important;
}

body .ppto-wrap .ppto-arrow svg,
.ppto-wrap .ppto-arrow svg {
  width: 0.85rem !important;
  height: 0.85rem !important;
  stroke: #1A1A1A !important;
  fill: none !important;
}

body .ppto-wrap .ppto-card:hover .ppto-arrow,
body .ppto-wrap .ppto-card:focus-within .ppto-arrow,
.ppto-wrap .ppto-card:hover .ppto-arrow,
.ppto-wrap .ppto-card:focus-within .ppto-arrow {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* ── Reducción de movimiento ──────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  body .ppto-wrap .ppto-card,
  body .ppto-wrap .ppto-icon,
  body .ppto-wrap .ppto-link,
  body .ppto-wrap .ppto-arrow,
  .ppto-wrap .ppto-card,
  .ppto-wrap .ppto-icon,
  .ppto-wrap .ppto-link,
  .ppto-wrap .ppto-arrow {
    transition: none !important;
    animation: none !important;
  }
}
</style>/* End custom CSS */