/* BEGIN IA region:instance key:Iabannerv1-2942 */
#Iabannerv1-2942 a.iabv1-cta.iabv1-cta--primary.content-button { background-color: green !important; }
/* END IA region:instance key:Iabannerv1-2942 */

/* BEGIN IA region:instance key:Herobasicv1-3118 */
#Herobasicv1-3118 a.hbv1-cta.content-button { color: var(--ia-color-surface) !important; }
#Herobasicv1-3118 a.hbv1-cta.hbv1-cta--ghost.content-button { background-color: transparent !important; color: #ffffff !important; border-color: rgba(255,255,255,.4) !important; }
/* END IA region:instance key:Herobasicv1-3118 */

/* BEGIN IA region:module key:iaLayer-iarichtextv1 */
.iaLayer-iarichtextv1 .iart-wrap { max-width: 1400px !important; margin-left: auto; margin-right: auto; }
/* END IA region:module key:iaLayer-iarichtextv1 */

/* BEGIN IA region:instance key:Iafeaturesv1-3121 */
/* La disposicion de las cinco areas vive ahora en la region servicios-v3
   (tarjetas). Aqui solo queda la numeracion y el ancho de linea. */
#Iafeaturesv1-3121 { counter-reset: svcrow; }
#Iafeaturesv1-3121 .iafeat-item { counter-increment: svcrow; }
#Iafeaturesv1-3121 .iafeat-text { max-width: 70ch; }
#Iafeaturesv1-3121 div.iafeat-grid > div.iafeat-item:nth-of-type(1) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3121 div.iafeat-grid > div.iafeat-item:nth-of-type(2) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3121 div.iafeat-grid > div.iafeat-item:nth-of-type(3) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3121 div.iafeat-grid > div.iafeat-item:nth-of-type(4) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3121 div.iafeat-grid > div.iafeat-item.iafeat-item--urgent:nth-of-type(5) > a.iafeat-go { color: #B3261E !important; }
/* END IA region:instance key:Iafeaturesv1-3121 */

/* BEGIN IA region:instance key:Iafeaturesv1-3122 */
#Iafeaturesv1-3122 .iafeat-grid { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 720px) { #Iafeaturesv1-3122 .iafeat-grid { grid-template-columns: 1fr; }; }
#Iafeaturesv1-3122 div.iafeat-grid > div.iafeat-item:nth-of-type(1) > span.iafeat-icon { background-color: transparent !important; color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3122 div.iafeat-grid > div.iafeat-item:nth-of-type(2) > span.iafeat-icon { color: var(--ia-color-accent) !important; background-color: transparent !important; }
#Iafeaturesv1-3122 div.iafeat-grid > div.iafeat-item:nth-of-type(4) > span.iafeat-icon { background-color: transparent !important; color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3122 div.iafeat-grid > div.iafeat-item:nth-of-type(3) > span.iafeat-icon { color: var(--ia-color-accent) !important; background-color: transparent !important; }
/* END IA region:instance key:Iafeaturesv1-3122 */

/* BEGIN IA region:instance key:Iafeaturesv1-3125 */
/* Beneficios: filas con medallon circular numerado (mockup .benefit-item) */
#Iafeaturesv1-3125 { counter-reset: benrow; }
#Iafeaturesv1-3125 .iafeat-grid { display: block; }
#Iafeaturesv1-3125 .iafeat-item {
  counter-increment: benrow;
  position: relative;
  padding: 24px 0 24px 64px;
  border: 0;
  border-top: 1px solid var(--ia-color-border);
  border-radius: 0;
  background: none;
}
#Iafeaturesv1-3125 .iafeat-item:first-child { border-top: 0; }
#Iafeaturesv1-3125 .iafeat-item::before {
  content: counter(benrow, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 26px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid var(--ia-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--general-text-font-family, monospace);
  font-size: 12px;
  color: var(--ia-color-primary);
}
@media (max-width: 720px) {
  #Iafeaturesv1-3125 .iafeat-item { padding: 60px 0 22px 0; }
  #Iafeaturesv1-3125 .iafeat-item::before { top: 14px; }
}
/* END IA region:instance key:Iafeaturesv1-3125 */

/* BEGIN IA region:instance key:Iafeaturesv1-align */
/* Titulares e intro a la izquierda (mockup .sec-head) */
#Iafeaturesv1-3121 .iafeat-title, #Iafeaturesv1-3122 .iafeat-title, #Iafeaturesv1-3125 .iafeat-title,
#Iafeaturesv1-3121 .iafeat-intro, #Iafeaturesv1-3122 .iafeat-intro, #Iafeaturesv1-3125 .iafeat-intro {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  max-width: 72ch;
}
/* END IA region:instance key:Iafeaturesv1-align */

/* BEGIN IA region:instance key:page-1190-widths */
/* Ancho de contenido unico para toda la pagina (mockup .wrap = 1080px; ampliado a 1400px a peticion).
   Antes: 820 / 880 / 900 / 920 / 1040 -> bordes izquierdos escalonados. */
#Iafeaturesv1-3121,
#Iafeaturesv1-3122,
#Iafeaturesv1-3125,
#Iastepsv1-3123,
#Iacomparativav1-3126,
#Iabannerv1-3134 .iabv1-inner,
#Iabannerv1-3132 .iabv1-inner,
#Iabannerv1-3128 .iabv1-inner {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
/* END IA region:instance key:page-1190-widths */

/* BEGIN IA region:instance key:page-1190-measure */
/* Contenedor a 1400px pero LINEA de lectura acotada (mockup: p{max-width:70ch}). */
#Iarichtextv1-3119 .iart-body,
#Iafeaturesv1-3121 .iafeat-intro, #Iafeaturesv1-3121 .iafeat-text,
#Iafeaturesv1-3122 .iafeat-intro,
#Iafeaturesv1-3125 .iafeat-intro, #Iafeaturesv1-3125 .iafeat-text,
#Iastepsv1-3123 .iasteps-intro, #Iastepsv1-3123 .iasteps-step-text,
#Iacomparativav1-3126 .iacmp-intro,
#Listadoacordeonfaqsv1-3130 .faq-answer {
  max-width: 70ch;
}
/* Bandas CTA: titular y texto mas contenidos (mockup .cta-band) */
#Iabannerv1-3134 .iabv1-subtitle,
#Iabannerv1-3132 .iabv1-subtitle,
#Iabannerv1-3128 .iabv1-subtitle { max-width: 66ch; }
#Iabannerv1-3134 .iabv1-title,
#Iabannerv1-3132 .iabv1-title { max-width: 30ch; }
/* END IA region:instance key:page-1190-measure */

/* BEGIN IA region:instance key:Iafeaturesv1-3121-urgent */
/* El fondo y el borde de la tarjeta urgente van en la region servicios-v3;
   aqui solo queda el color del numero por si vuelve a la disposicion de filas. */
#Iafeaturesv1-3121 .iafeat-item--urgent .iafeat-callout-lbl { color: #B3261E; }
/* END IA region:instance key:Iafeaturesv1-3121-urgent */

/* BEGIN IA region:instance key:heroes-servicios-home */
/* [2026-07-28] Los dos heroes (servicios 3118 + home 3139) pasan a la composicion
   "split" del modulo (layout=split en el bloque): dos columnas, texto a la
   izquierda y foto vertical a la derecha. La altura y el ancho los pone ahora
   herobasicv1.css, por eso aqui ya no se fuerza min-height ni padding. */
#Herobasicv1-3118 .hbv1-eyebrow, #Herobasicv1-3139 .hbv1-eyebrow {
  color: #2FAE76;
}
/* END IA region:instance key:heroes-servicios-home */

/* BEGIN IA region:instance key:home-v2 */
/* Anchos: mismo contenedor que el resto del sitio */
#Iafeaturesv1-3140, #Iafeaturesv1-3141, #Iastepsv1-3142,
#Iabannerv1-3143 .iabv1-inner {
  max-width: 1400px; margin-left: auto; margin-right: auto;
}
/* Hero split: CTA secundario y nota de urgencia sobre fondo verde oscuro */
#Herobasicv1-3139 .hbv1-cta--ghost {
  border: 1.5px solid rgba(255,255,255,.4);
  color: #ffffff;
  background: transparent;
}
#Herobasicv1-3139 .hbv1-cta--ghost:hover { background: rgba(255,255,255,.1); }
#Herobasicv1-3139 .hbv1-cta-note a {
  font-size: 14px; font-weight: 600; color: #2FAE76;
  text-decoration: none; border-bottom: 0;
}

/* 4 caminos: tarjetas sueltas, numeradas (maqueta .path-card) */
#Iafeaturesv1-3140 { counter-reset: pathrow; }
#Iafeaturesv1-3140 .iafeat-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px; background: transparent; border: 0;
}
#Iafeaturesv1-3140 .iafeat-item {
  counter-increment: pathrow;
  display: flex; flex-direction: column;
  border: 1px solid var(--ia-color-border, #E4E7E4);
  border-radius: 0; padding: 26px 22px;
  background: var(--ia-color-surface, #fff);
  box-shadow: 0 1px 2px rgba(14,32,28,.06);
  transition: box-shadow .2s cubic-bezier(.2,.7,.2,1);
}
#Iafeaturesv1-3140 .iafeat-item:hover { box-shadow: 0 4px 14px rgba(14,32,28,.08); }
#Iafeaturesv1-3140 .iafeat-go { margin-top: auto; }
#Iafeaturesv1-3140 .iafeat-item::before {
  content: counter(pathrow, decimal-leading-zero);
  display: block; margin-bottom: 14px;
  font-family: var(--heading-font-family, sans-serif);
  font-size: 12px; font-weight: 700; letter-spacing: .06em;
  color: #7C8985;
}
#Iafeaturesv1-3140 .iafeat-item--urgent { border-color: #EFC9C6; }
#Iafeaturesv1-3140 .iafeat-item--urgent::before {
  content: "Urgente"; text-transform: uppercase;
  letter-spacing: .12em; color: #B3261E;
}
#Iafeaturesv1-3140 .iafeat-item--urgent .iafeat-name { color: #7A2420; }
#Iafeaturesv1-3140 .iafeat-item--urgent .iafeat-text { color: #8C3A35; }
@media (max-width: 900px) { #Iafeaturesv1-3140 .iafeat-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { #Iafeaturesv1-3140 .iafeat-grid { grid-template-columns: 1fr; } }

/* Enfoque: dos columnas con cabecera fija al hacer scroll (maqueta) */
#Iastepsv1-3142 {
  display: grid; grid-template-columns: 0.9fr 1.1fr;
  gap: 64px; align-items: start;
}
#Iastepsv1-3142 .iasteps-head { position: sticky; top: 110px; }
#Iastepsv1-3142 .iasteps-title, #Iastepsv1-3142 .iasteps-intro { text-align: left; }
#Iastepsv1-3142 .iasteps-list { margin: 0; }
#Iastepsv1-3142 .iasteps-item {
  border-bottom: 1px solid var(--ia-color-border, #E4E7E4);
  padding: 24px 0;
}
@media (max-width: 900px) {
  #Iastepsv1-3142 { grid-template-columns: 1fr; gap: 28px; }
  #Iastepsv1-3142 .iasteps-head { position: static; }
}

/* Banda CTA: texto a la izquierda y botones a la derecha (maqueta .cta-band).
   El modulo apila eyebrow/titulo/subtitulo/acciones como hermanos planos, asi
   que se colocan por rejilla explicita; con flex caerian los cuatro en fila. */
#Iabannerv1-3143 .iabv1-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 40px;
  align-items: center;
}
#Iabannerv1-3143 .iabv1-eyebrow  { grid-column: 1; grid-row: 1; }
#Iabannerv1-3143 .iabv1-title    { grid-column: 1; grid-row: 2; }
#Iabannerv1-3143 .iabv1-subtitle { grid-column: 1; grid-row: 3; max-width: 56ch; }
#Iabannerv1-3143 .iabv1-actions  { grid-column: 2; grid-row: 1 / span 3; }
#Iabannerv1-3143 .iabv1-cta--ghost { border-color: rgba(255,255,255,.4); color: #fff; }
@media (max-width: 900px) {
  #Iabannerv1-3143 .iabv1-inner { grid-template-columns: 1fr; row-gap: 8px; }
  #Iabannerv1-3143 .iabv1-actions { grid-column: 1; grid-row: auto; margin-top: 20px; }
}
/* END IA region:instance key:home-v2 */

/* BEGIN IA region:instance key:Iafeaturesv1-3140 */
#Iafeaturesv1-3140 h2.iafeat-title.content-title { text-align: left !important; }
#Iafeaturesv1-3140 p.iafeat-intro.content-text { text-align: left !important; }
#Iafeaturesv1-3140 div.iafeat-grid > div.iafeat-item:nth-of-type(1) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3140 div.iafeat-grid > div.iafeat-item:nth-of-type(2) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3140 div.iafeat-grid > div.iafeat-item:nth-of-type(3) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3140 div.iafeat-grid > div.iafeat-item.iafeat-item--urgent:nth-of-type(4) > a.iafeat-go { color: #B3261E !important; }
#Iafeaturesv1-3140 div.iafeat-item.iafeat-item--urgent { background-color: #FBEAEA !important; }
/* END IA region:instance key:Iafeaturesv1-3140 */

/* BEGIN IA region:instance key:Iafeaturesv1-3141 */
#Iafeaturesv1-3141 h2.iafeat-title.content-title { text-align: left !important; }
#Iafeaturesv1-3141 p.iafeat-intro.content-text { text-align: left !important; }
#Iafeaturesv1-3141 div.iafeat-grid > div.iafeat-item:nth-of-type(1) > span.iafeat-icon { background-color: transparent !important; color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3141 div.iafeat-grid > div.iafeat-item:nth-of-type(2) > span.iafeat-icon { background-color: transparent !important; color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3141 div.iafeat-grid > div.iafeat-item:nth-of-type(3) > span.iafeat-icon { background-color: transparent !important; color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3141 div.iafeat-grid > div.iafeat-item:nth-of-type(1) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3141 div.iafeat-grid > div.iafeat-item:nth-of-type(2) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3141 div.iafeat-grid > div.iafeat-item:nth-of-type(3) > a.iafeat-go { color: var(--ia-color-accent) !important; }
/* END IA region:instance key:Iafeaturesv1-3141 */

/* BEGIN IA region:instance key:Herobasicv1-3139 */
#Herobasicv1-3139 a.hbv1-cta.content-button:nth-of-type(1) { border-radius: 0 !important; color: var(--ia-color-surface) !important; background-color: var(--ia-color-primary) !important; }
#Herobasicv1-3139 a.hbv1-cta.hbv1-cta--ghost.content-button { border-radius: 0 !important; color: #ffffff !important; border-color: rgba(255,255,255,.4) !important; }
/* END IA region:instance key:Herobasicv1-3139 */

/* BEGIN IA region:instance key:Iabannerv1-3143 */
#Iabannerv1-3143 a.iabv1-cta.iabv1-cta--primary.content-button { color: #ffffff !important; border-radius: 0 !important; }
#Iabannerv1-3143 a.iabv1-cta.iabv1-cta--ghost.content-button { border-radius: 0 !important; }
/* END IA region:instance key:Iabannerv1-3143 */

/* BEGIN IA region:instance key:home-v2-form */
/* Banda de contacto: verde muy oscuro a dos columnas (maqueta .contact) */
.fullwidth:has(#Formularicontactesimplev1-3146) > .row {
  max-width: 1400px; margin: 0 auto; padding: 96px 20px; align-items: start;
}
#Iarichtextv1-3145 .iart-eyebrow { color: #2FAE76; }
#Iarichtextv1-3145 .iart-title { color: #ffffff; }
#Iarichtextv1-3145 .iart-body, #Iarichtextv1-3145 .iart-body p { color: rgba(255,255,255,.80); }
/* Los dos apoyos con icono bajo el texto (maqueta) */
#Iarichtextv1-3145 .iart-body ul { list-style: none; margin: 34px 0 0; padding: 0; }
#Iarichtextv1-3145 .iart-body li {
  display: flex; align-items: flex-start; gap: 12px;
  margin-bottom: 16px; font-size: 14px; line-height: 1.55;
  color: rgba(255,255,255,.72);
}
#Iarichtextv1-3145 .iart-body li::before {
  content: ""; flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px;
  background-color: #2FAE76;
  -webkit-mask: var(--ico) center / contain no-repeat;
  mask: var(--ico) center / contain no-repeat;
}
#Iarichtextv1-3145 .iart-body li:nth-child(1) { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E"); }
#Iarichtextv1-3145 .iart-body li:nth-child(2) { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2022h14a2%202%200%200%200%202-2V7l-5-5H6a2%202%200%200%200-2%202v4%22%2F%3E%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%225%22%20x%3D%222%22%20y%3D%2213%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%2013v-2a2%202%200%201%200-4%200v2%22%2F%3E%3C%2Fsvg%3E"); }

/* Formulario: tarjeta blanca sobre la banda oscura (maqueta .form-card) */
#Formularicontactesimplev1-3146 { background: transparent !important; }
#Formularicontactesimplev1-3146 .fcs-header { display: none; }
#Formularicontactesimplev1-3146 .fcs-inner {
  background: #ffffff; border: 0; border-radius: 0;
  padding: 36px; box-shadow: 0 16px 36px rgba(14,32,28,.14);
}
#Formularicontactesimplev1-3146 .fcs-label {
  font-family: var(--heading-font-family, sans-serif);
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; color: #3A4642;
}
#Formularicontactesimplev1-3146 .fcs-input,
#Formularicontactesimplev1-3146 .fcs-textarea {
  width: 100%; padding: 12px 14px; font: inherit; font-size: 15px;
  background: #ffffff; border: 1px solid #C7CFCB; border-radius: 0; color: #14201C;
}
#Formularicontactesimplev1-3146 .fcs-input::placeholder,
#Formularicontactesimplev1-3146 .fcs-textarea::placeholder { color: #7C8985; }
#Formularicontactesimplev1-3146 .fcs-input:focus,
#Formularicontactesimplev1-3146 .fcs-textarea:focus { outline: 2px solid #219461; outline-offset: -1px; }
#Formularicontactesimplev1-3146 .fcs-consent-label {
  display: flex; align-items: flex-start; gap: 9px; line-height: 1.45;
  font-size: 14px; color: #56645F;
}
#Formularicontactesimplev1-3146 .fcs-consent-label a { color: #1C7A52; }
#Formularicontactesimplev1-3146 .fcs-consent-check { flex: 0 0 auto; }
#Formularicontactesimplev1-3146 .fcs-btn {
  width: 100%; justify-content: center;
  padding: 15px 22px; border: 0; border-radius: 0;
  background: #219461; color: #ffffff;
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700; font-size: 15px; cursor: pointer;
  transition: background .16s cubic-bezier(.2,.7,.2,1);
}
#Formularicontactesimplev1-3146 .fcs-btn:hover { background: #1C7A52; }
@media (max-width: 900px) {
  .fullwidth:has(#Formularicontactesimplev1-3146) > .row { padding: 64px 20px; }
  #Formularicontactesimplev1-3146 .fcs-inner { padding: 24px; }
}
/* END IA region:instance key:home-v2-form */

/* BEGIN IA region:instance key:home-intros */
/* El modulo centra la intro con margin:0 auto + max-width:60ch. El editor le
   puso text-align:left, pero la CAJA seguia centrada -> sangrado respecto al
   titular. Se alinea la caja a la izquierda y se ensancha la medida. */
#Iafeaturesv1-3140 .iafeat-intro,
#Iafeaturesv1-3141 .iafeat-intro,
#Iastepsv1-3142 .iasteps-intro {
  margin-left: 0;
  margin-right: 0;
  max-width: 70ch;
  text-align: left;
}
/* END IA region:instance key:home-intros */

/* BEGIN IA region:instance key:Iabannerv1-3128 */
#Iabannerv1-3128 div.iabv1-inner:nth-of-type(2) > p.iabv1-subtitle.iabv1-note:nth-of-type(3) > a { color: var(--ia-color-surface) !important; }
#Iabannerv1-3128 a.iabv1-cta.iabv1-cta--primary.content-button { color: #ffffff !important; }
#Iabannerv1-3128 a.iabv1-cta.iabv1-cta--ghost.content-button { color: var(--ia-color-surface) !important; }
/* END IA region:instance key:Iabannerv1-3128 */

/* BEGIN IA region:instance key:Herobasicv1-3147 */
#Herobasicv1-3147 a.hbv1-cta.content-button { color: var(--ia-color-surface) !important; background-color: var(--ia-color-accent) !important; }
/* END IA region:instance key:Herobasicv1-3147 */

/* BEGIN IA region:instance key:Iafeaturesv1-3148 */
#Iafeaturesv1-3148 div.iafeat-grid > div.iafeat-item:nth-of-type(1) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3148 div.iafeat-grid > div.iafeat-item:nth-of-type(2) > a.iafeat-go { color: var(--ia-color-accent) !important; }
#Iafeaturesv1-3148 div.iafeat-grid > div.iafeat-item.iafeat-item--urgent:nth-of-type(3) > a.iafeat-go { color: #B3261E !important; }
/* END IA region:instance key:Iafeaturesv1-3148 */

/* BEGIN IA region:instance key:Iabannerv1-3152 */
#Iabannerv1-3152 a.iabv1-cta.iabv1-cta--primary.content-button { color: #ffffff !important; }
#Iabannerv1-3152 a.iabv1-cta.iabv1-cta--ghost.content-button { color: var(--ia-color-surface) !important; }
/* END IA region:instance key:Iabannerv1-3152 */

/* BEGIN IA region:instance key:header-footer-v2 */
/* HEADER: redefinicion de las variables --hv2-* hacia la paleta del mockup.
   El morado venia de --hv2-accent: var(--bs-primary, #4f46e5). */
.hv2-header {
  --hv2-bg: var(--ia-color-page, #F4F6F4);
  --hv2-bg-solid: var(--ia-color-page, #F4F6F4);
  --hv2-text: var(--ia-color-text-soft, #33474F);
  --hv2-text-muted: var(--ia-color-text-soft, #33474F);
  --hv2-accent: var(--ia-color-primary, #0A4F42);
  --hv2-border: var(--ia-color-border, #D7DEDA);
  background: var(--ia-color-page, #F4F6F4);
  border-bottom: 1px solid var(--ia-color-border, #D7DEDA);
  box-shadow: none;
}
/* Marca ExpertoDPDSalud en serif, con DPD en teal */
.hv2-brand-txt {
  font-family: var(--heading-font-family, Georgia, serif);
  font-weight: 600; font-size: 18px; color: var(--ia-color-dark, #10262F);
  white-space: nowrap;
}
.hv2-brand-txt span { color: var(--ia-color-primary, #0A4F42); }
.hv2-link { color: var(--ia-color-text-soft, #33474F); font-weight: 500; }
/* Activo: sin pildora morada, solo color teal */
.hv2-link.is-active { color: var(--ia-color-primary, #0A4F42) !important; background: transparent !important; }
/* FOOTER: fondo oscuro ink, como el mockup */
footer#footer.clase-footer { background: #14201C; color: rgba(255,255,255,.7); border-top: 1px solid rgba(255,255,255,.1); padding: 48px 0 22px; }
footer#footer .content-text, footer#footer p { color: rgba(255,255,255,.6); }
footer#footer h4, footer#footer .content-title { font-family: var(--heading-font-family, sans-serif); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: rgba(255,255,255,.5); }
footer#footer a, footer#footer .menu-link { color: rgba(255,255,255,.72); text-decoration: none; }
footer#footer a:hover, footer#footer .menu-link:hover { color: #ffffff; }
footer#footer .brand, footer#footer .brand span { color: #ffffff !important; }
/* END IA region:instance key:header-footer-v2 */


/* BEGIN IA region:instance key:header-cta-btn */
/* [2026-07-28 v3] CTA de cabecera: boton solido verde, como la maqueta. */
.hv2-cta-btn {
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700;
  font-size: 14px;
  padding: 11px 20px;
  border: 0;
  background: var(--ia-color-accent, #219461);
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0;
  margin-right: 8px;
}
.hv2-cta-btn:hover { background: var(--ia-color-primary, #1C7A52); color: #fff; }
/* END IA region:instance key:header-cta-btn */

/* BEGIN IA region:instance key:footer-cols-v2 */
/* DOM real: 5 columnas .bloque -> [1 vacia][2 marca][3 nav][4 legal][5 copyright col-lg-12].
   La 5a ya es full-width. Solo hay que ocultar la vacia y repartir 1a fila. */
footer#footer > .container > .row > .bloque:nth-child(1) { display: none; }
footer#footer > .container > .row > .bloque:nth-child(2) { flex: 0 0 46%; max-width: 46%; padding-right: 24px; text-align: left; }
footer#footer > .container > .row > .bloque:nth-child(2) .content-text { text-align: left; }
footer#footer > .container > .row > .bloque:nth-child(3) { flex: 0 0 27%; max-width: 27%; }
footer#footer > .container > .row > .bloque:nth-child(4) { flex: 0 0 27%; max-width: 27%; }
footer#footer > .container > .row > .bloque:nth-child(5) {
  margin-top: 32px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12);
}
footer#footer .footer-brand-name {
  font-family: var(--heading-font-family, Georgia, serif);
  font-weight: 600; font-size: 18px; color: #ffffff; margin-bottom: 10px;
}
footer#footer .footer-brand-name span { color: #2FAE76; }
@media (max-width: 760px) {
  footer#footer > .container > .row > .bloque:nth-child(2),
  footer#footer > .container > .row > .bloque:nth-child(3),
  footer#footer > .container > .row > .bloque:nth-child(4) { flex: 0 0 100%; max-width: 100%; }
}
/* END IA region:instance key:footer-cols-v2 */

/* BEGIN IA region:instance key:footer-kitdigital */
/* El Kit Digital va en una banda cgv2-band-surface (fondo blanco) dentro del
   footer oscuro. Mi regla footer p{color:blanco} lo dejaba invisible. Aqui el
   texto de esa banda concreta vuelve a oscuro. */
footer#footer .cgv2-band-surface p,
footer#footer .cgv2-band-surface .content-text,
footer#footer .cgv2-band-surface h4,
footer#footer .cgv2-band-surface .content-title {
  color: var(--ia-color-text, #10262F) !important;
}
/* END IA region:instance key:footer-kitdigital */

/* BEGIN IA region:instance key:eyebrows-v3 */
/* [2026-07-28 maqueta home v3] Los sobretextos pasan a la tipografia de titulares
   (Manrope 700, mas espaciado) y sin el filete corto que llevaban de la maqueta
   anterior. Se normalizan aqui para las tres paginas a la vez. */
.hbv1-eyebrow, .iabv1-eyebrow, .iacmp-eyebrow, .iafeat-eyebrow,
.iart-eyebrow, .iasteps-eyebrow, .iatabs-eyebrow {
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .14em;
}
.iacmp-eyebrow::before, .iafeat-eyebrow::before,
.iasteps-eyebrow::before, .iatabs-eyebrow::before { display: none; }
/* Enlaces de accion de las tarjetas: mismo criterio (maqueta a.go) */
.iafeat-go {
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700;
  font-size: 13px;
  border-bottom: 0;
}
/* Titulos de tarjeta y de paso en peso 700, como los titulares de la maqueta */
.iafeat-name, .iasteps-step-title { font-weight: 700; }
/* Preguntas del acordeon en la tipografia de titulares (maqueta v3) */
.iaLayer-listadoacordeonfaqs-v1 .faq-question {
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700;
  font-size: 17px;
}
/* END IA region:instance key:eyebrows-v3 */

/* BEGIN IA region:instance key:detalles-v3 */
/* [2026-07-28] Ajustes finos contra la maqueta home v3. */

/* Enfoque: medallones numerados en verde muy oscuro, no en el verde de acento */
#Iastepsv1-3142 .iasteps-num { background: #0E2A22; color: #ffffff; }

/* FAQ: la banda ya es blanca, el bloque no debe pintar su propio gris.
   Preguntas en Manrope 700, como los titulares de la maqueta. */
#Listadoacordeonfaqsv1-3144 .faq-question {
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700;
  font-size: 17px;
}
#Listadoacordeonfaqsv1-3144 .faq-heading { margin-bottom: 28px; }

/* Sectores: se recupera el cuadrado con tinte verde detras del icono (maqueta).
   Estaba anulado por la region del editor Iafeaturesv1-3141, de ahi el !important. */
#Iafeaturesv1-3141 div.iafeat-grid > div.iafeat-item > span.iafeat-icon {
  background-color: #E4F4EC !important;
  color: var(--ia-color-primary, #1C7A52) !important;
  width: 44px;
  height: 44px;
}
#Iafeaturesv1-3141 .iafeat-icon svg { width: 22px; height: 22px; }

/* Tarjetas de sectores: mismo aire que las de rutas */
#Iafeaturesv1-3141 .iafeat-item { padding: 32px 28px; }
/* Enfoque: sin linea vertical entre los medallones (la maqueta no la lleva) */
#Iastepsv1-3142 .iasteps-item:not(:last-child)::before { display: none; }
/* END IA region:instance key:detalles-v3 */

/* BEGIN IA region:instance key:menu-estados-v3 */
/* [2026-07-28] Todos los estados del menu fijados a mano: el tema trae
   "header a { color: var(--header-a-color) }" y Bootstrap un
   "--bs-link-color: #4f46e5" indigo que se colaba en algun estado del enlace.
   Se fija enlace, visitado, hover, foco y activo, y el span de dentro. */
header .hv2-link,
header .hv2-link:link,
header .hv2-link:visited,
header .hv2-link span {
  color: #3A4642;
  background: transparent;
}
header .hv2-link:hover,
header .hv2-link:focus,
header .hv2-link:hover span,
header .hv2-link:focus span {
  color: var(--ia-color-primary, #1C7A52);
  background: transparent;
}
header .hv2-link.is-active,
header .hv2-link.is-active span {
  color: var(--ia-color-dark, #0E2A22) !important;
  background: transparent !important;
}
/* CTA de cabecera: "header a" (0-1-1) ganaba a ".hv2-cta-btn" (0-1-0) y pintaba
   el texto del mismo verde que el fondo. */
header a.hv2-cta-btn,
header a.hv2-cta-btn:link,
header a.hv2-cta-btn:visited { color: #ffffff; }
header a.hv2-cta-btn:hover,
header a.hv2-cta-btn:focus { color: #ffffff; background: var(--ia-color-primary, #1C7A52); }
/* END IA region:instance key:menu-estados-v3 */

/* BEGIN IA region:instance key:servicios-v3 */
/* [2026-07-28] Maqueta de Servicios v3: dos columnas con cabecera fija en la
   intro y en los beneficios, las cinco areas como tarjetas y metodologia en
   cuatro columnas. Ver [[dpdsalud-decisiones-de-diseno]]. */

/* Intro "Por que importa": cabecera a la izquierda, texto a la derecha */
#Iarichtextv1-3119 .iart-wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 64px;
  align-items: start;
  max-width: 1400px;
  margin: 0 auto;
}
#Iarichtextv1-3119 .iart-head { position: sticky; top: 110px; }
#Iarichtextv1-3119 .iart-body { max-width: 70ch; }
@media (max-width: 900px) {
  #Iarichtextv1-3119 .iart-wrap { grid-template-columns: 1fr; gap: 24px; }
  #Iarichtextv1-3119 .iart-head { position: static; }
}

/* "Que gana la direccion": mismo esquema de dos columnas */
#Iafeaturesv1-3125 {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 64px;
  align-items: start;
}
#Iafeaturesv1-3125 .iafeat-head { position: sticky; top: 110px; }
#Iafeaturesv1-3125 .iafeat-head .iafeat-intro { max-width: none; }
@media (max-width: 900px) {
  #Iafeaturesv1-3125 { grid-template-columns: 1fr; gap: 24px; }
  #Iafeaturesv1-3125 .iafeat-head { position: static; }
}

/* "Que incluye": las cinco areas pasan de filas con filete a tarjetas blancas */
#Iafeaturesv1-3121 .iafeat-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#Iafeaturesv1-3121 .iafeat-item {
  padding: 34px 40px;
  border: 1px solid var(--ia-color-border, #E4E7E4);
  border-radius: 0;
  background: var(--ia-color-surface, #ffffff);
  box-shadow: 0 1px 2px rgba(14,32,28,.06);
}
#Iafeaturesv1-3121 .iafeat-item:first-child { border-top: 1px solid var(--ia-color-border, #E4E7E4); }
/* El numero deja de ir suelto al margen: es el medallon del titulo */
#Iafeaturesv1-3121 .iafeat-item::before { content: none; }
#Iafeaturesv1-3121 .iafeat-name {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 700;
}
#Iafeaturesv1-3121 .iafeat-name::before {
  content: counter(svcrow, decimal-leading-zero);
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--ia-color-dark, #0E2A22);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0;
}
#Iafeaturesv1-3121 .iafeat-callout {
  background: #EFF1EE;
  max-width: none;
  padding: 16px 20px;
  margin-top: 20px;
}
#Iafeaturesv1-3121 .iafeat-callout-lbl {
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700;
}
/* Tarjeta urgente: mismo tratamiento que en la home */
#Iafeaturesv1-3121 .iafeat-item--urgent {
  border-color: #EFC9C6;
  padding-left: 40px;
  padding-right: 40px;
}
#Iafeaturesv1-3121 .iafeat-item--urgent .iafeat-name::before { background: #B3261E; }
#Iafeaturesv1-3121 .iafeat-item--urgent .iafeat-name { color: #7A2420; }
#Iafeaturesv1-3121 .iafeat-item--urgent .iafeat-text { color: #8C3A35; }
#Iafeaturesv1-3121 .iafeat-item--urgent .iafeat-callout { background: rgba(255,255,255,.6); }
@media (max-width: 720px) {
  #Iafeaturesv1-3121 .iafeat-item,
  #Iafeaturesv1-3121 .iafeat-item--urgent { padding: 26px 22px; }
  #Iafeaturesv1-3121 .iafeat-name { align-items: flex-start; }
}

/* "Como trabajamos": cuatro columnas, medallon oscuro y sin linea conectora */
#Iastepsv1-3123 .iasteps-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
#Iastepsv1-3123 .iasteps-item {
  display: block;
  padding: 0;
  border: 0;
}
#Iastepsv1-3123 .iasteps-item:not(:last-child)::before { display: none; }
#Iastepsv1-3123 .iasteps-num {
  background: var(--ia-color-dark, #0E2A22);
  color: #ffffff;
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
}
#Iastepsv1-3123 .iasteps-step-title { font-weight: 700; }
@media (max-width: 900px) { #Iastepsv1-3123 .iasteps-list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { #Iastepsv1-3123 .iasteps-list { grid-template-columns: 1fr; } }

/* Comparativa: tabla enmarcada y filas alternas (maqueta .compare-grid) */
#Iacomparativav1-3126 .iacmp-wrap {
  border: 1px solid var(--ia-color-border, #E4E7E4);
  background: var(--ia-color-surface, #ffffff);
  box-shadow: 0 1px 2px rgba(14,32,28,.06);
}
#Iacomparativav1-3126 .iacmp-table thead th {
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .06em;
  padding: 14px 18px;
}
#Iacomparativav1-3126 .iacmp-table th,
#Iacomparativav1-3126 .iacmp-table td { padding: 16px 18px; font-size: 14px; }
#Iacomparativav1-3126 .iacmp-table tbody th {
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700;
}
#Iacomparativav1-3126 .iacmp-table tbody tr:nth-child(odd) th,
#Iacomparativav1-3126 .iacmp-table tbody tr:nth-child(odd) td { background: #EFF1EE; }
#Iacomparativav1-3126 .iacmp-table tbody tr:nth-child(even) th,
#Iacomparativav1-3126 .iacmp-table tbody tr:nth-child(even) td { background: #ffffff; }

/* Sectores: se recupera el cuadrado con tinte verde detras del icono, igual
   que en la home. Va con !important porque lo anula la region del editor. */
#Iafeaturesv1-3122 div.iafeat-grid > div.iafeat-item > span.iafeat-icon {
  background-color: #E4F4EC !important;
  color: var(--ia-color-primary, #1C7A52) !important;
  width: 44px;
  height: 44px;
}
#Iafeaturesv1-3122 .iafeat-icon svg { width: 22px; height: 22px; }
#Iafeaturesv1-3122 .iafeat-item { padding: 32px 28px; }
/* END IA region:instance key:servicios-v3 */

/* BEGIN IA region:instance key:contacto-v3 */
/* [2026-07-28] Pagina de Contacto segun la maqueta v3. */

/* Ancho de contenido unico, igual que en el resto del sitio */
#Iafeaturesv1-3148,
#Iabannerv1-3152 .iabv1-inner {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* Las tres rutas: tarjetas blancas, la tercera en rojo de alerta */
#Iafeaturesv1-3148 .iafeat-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
#Iafeaturesv1-3148 .iafeat-item {
  background: var(--ia-color-surface, #ffffff);
  border: 1px solid var(--ia-color-border, #E4E7E4);
  box-shadow: 0 1px 2px rgba(14,32,28,.06);
  padding: 28px 26px;
  transition: box-shadow 200ms cubic-bezier(.2,.7,.2,1);
}
#Iafeaturesv1-3148 .iafeat-item:hover { box-shadow: 0 4px 14px rgba(14,30,24,.08); }
#Iafeaturesv1-3148 .iafeat-name { font-size: 17px; font-weight: 700; }
#Iafeaturesv1-3148 .iafeat-text { font-size: 14px; margin-top: 10px; }
#Iafeaturesv1-3148 .iafeat-go { margin-top: 14px; font-size: 13px; font-weight: 700; }
#Iafeaturesv1-3148 .iafeat-item--urgent {
  background: #FBEAEA;
  border-color: #EFC9C6;
}
#Iafeaturesv1-3148 .iafeat-item--urgent .iafeat-name { color: #7A2420; }
#Iafeaturesv1-3148 .iafeat-item--urgent .iafeat-text { color: #8C3A35; }
#Iafeaturesv1-3148 .iafeat-item--urgent .iafeat-go { text-decoration: underline; }
@media (max-width: 900px) {
  #Iafeaturesv1-3148 .iafeat-grid { grid-template-columns: 1fr; }
}

/* Informacion de contacto: seis fichas blancas en dos columnas */
#Iafeaturesv1-3150 { padding: 0 0 8px; }
#Iafeaturesv1-3150 .iafeat-title { font-size: 22px; font-weight: 700; }
#Iafeaturesv1-3150 .iafeat-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 20px;
}
#Iafeaturesv1-3150 .iafeat-item {
  background: var(--ia-color-surface, #ffffff);
  border: 1px solid var(--ia-color-border, #E4E7E4);
  box-shadow: 0 1px 2px rgba(14,32,28,.06);
  padding: 20px 22px;
}
#Iafeaturesv1-3150 .iafeat-name { font-size: 15px; font-weight: 700; }
#Iafeaturesv1-3150 .iafeat-text { font-size: 14px; margin-top: 6px; }

/* Antes de escribirnos: sin tarjeta, solo filete superior */
#Iafeaturesv1-3151 { padding: 24px 0 0; }
#Iafeaturesv1-3151 .iafeat-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 16px;
  margin-top: 16px;
}
#Iafeaturesv1-3151 .iafeat-item {
  background: none;
  border: 0;
  border-top: 1px solid var(--ia-color-border, #E4E7E4);
  border-radius: 0;
  box-shadow: none;
  padding: 16px 0 0;
}
#Iafeaturesv1-3151 .iafeat-name { font-size: 15px; font-weight: 700; }
#Iafeaturesv1-3151 .iafeat-text { font-size: 14px; margin-top: 6px; }
@media (max-width: 700px) {
  #Iafeaturesv1-3150 .iafeat-grid,
  #Iafeaturesv1-3151 .iafeat-grid { grid-template-columns: 1fr; }
}

/* Formulario: etiquetas en Manrope y campos cuadrados como la maqueta */
#advancedForm-3149 .form-group { margin-bottom: 18px; }
#advancedForm-3149 label {
  font-family: var(--heading-font-family, sans-serif);
  font-size: 13px;
  font-weight: 600;
  color: var(--ia-color-dark, #26312D);
  margin-bottom: 6px;
  display: block;
}
#advancedForm-3149 .form-control {
  border: 1px solid #C7CFCB;
  border-radius: 0;
  padding: 12px 14px;
  font-family: var(--body-font-family, sans-serif);
  font-size: 15px;
  background: #ffffff;
  box-shadow: none;
  width: 100%;
}
#advancedForm-3149 .form-control:focus {
  border-color: var(--ia-color-primary, #1C7A52);
  outline: 2px solid rgba(28,122,82,.15);
  outline-offset: 0;
}
#advancedForm-3149 textarea.form-control { min-height: 130px; resize: vertical; }
#advancedForm-3149 .checkbox-group,
#advancedForm-3149 .formbuilder-checkbox { display: flex; gap: 10px; align-items: flex-start; }
#advancedForm-3149 .formbuilder-checkbox input { margin-top: 4px; }
#advancedForm-3149 .formbuilder-checkbox label,
#advancedForm-3149 .formbuilder-checkbox-group-label {
  font-family: var(--body-font-family, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--ia-color-text, #56645F);
}
#advancedForm-3149 .formbuilder-required { color: var(--ia-color-primary, #1C7A52); margin-left: 2px; }
#advancedForm-3149 button[type="submit"],
#advancedForm-3149 .btn {
  background: var(--ia-color-accent, #219461);
  border: 0;
  border-radius: 0;
  color: #ffffff;
  font-family: var(--heading-font-family, sans-serif);
  font-weight: 700;
  font-size: 15px;
  padding: 15px 28px;
  margin-top: 6px;
  cursor: pointer;
  transition: background 160ms cubic-bezier(.2,.7,.2,1);
}
#advancedForm-3149 button[type="submit"]:hover,
#advancedForm-3149 .btn:hover { background: var(--ia-color-primary, #1C7A52); color: #ffffff; }
/* END IA region:instance key:contacto-v3 */