/* Fondo de la página = color del footer: en iPhone no aparece un "piso" crema al llegar al final */
html{background:#071B3D}

/* Celular: títulos, introducciones y botones centrados; tarjetas y listas quedan a la izquierda */
@media (max-width:760px){
  section h1, section h2{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  section div:has(> h1), section div:has(> h2){text-align:center!important;align-items:center!important;justify-content:center!important}
  section div:has(> h1) > p, section div:has(> h2) > p{margin-left:auto!important;margin-right:auto!important}
  section div:has(> h1) > a, section div:has(> h2) > a{align-self:center!important}
  section div:has(> div > h2):not(:has(h3, figure, img, form, input)){justify-content:center!important;align-items:center!important;text-align:center!important}
  section div:has(> div > h2):not(:has(h3, figure, img, form, input)) > p{margin-left:auto!important;margin-right:auto!important}
  section div:has(> a):not(:has(h3, figure, img, p, span, svg, input)){justify-content:center!important;align-self:center!important}
  section div[style*="space-between"] > span:first-child{text-align:left}
  /* tarjetas también centradas; preguntas frecuentes y formularios quedan a la izquierda */
  section div:has(> h3):not(:has(button, input, select, textarea)){text-align:center!important}
  section div:has(> h3):not(:has(button, input, select, textarea)):not([style*="space-between"]){align-items:center!important}
  section div:has(> div > h3, > h3):has(button, input){text-align:left!important}

  footer div{align-items:center!important;text-align:center!important;justify-content:center!important}
  footer a{align-items:center}
}

@media (max-width:760px){ .solo-pc{display:none!important} }
@media (max-width:760px){ footer{padding-bottom:104px!important} }
@media (max-width:760px){ .cta-centro{width:100%;justify-content:center!important} }