/* =========================================================
   BASE GENERAL
========================================================= */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* =========================================================
   HOSTINGER FULL WIDTH · AMBOS
   IDs que empiezan con cy:
   cy0001, cy0002, cy0003...
========================================================= */
[id^="cy"] div:nth-of-type(2) {
  max-width: none !important;
  padding-inline: 0 !important;
}

[id^="cy"] {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
}

/* =========================================================
   HOSTINGER FULL WIDTH · SOLO ESCRITORIO
   IDs que empiezan con ct:
   ct0001, ct0002, ct0003...
========================================================= */
@media screen and (min-width: 920px) {
  [id^="ct"] div:nth-of-type(2) {
    max-width: none !important;
    padding-inline: 0 !important;
  }

  [id^="ct"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   HOSTINGER FULL WIDTH · SOLO MÓVIL
   IDs que empiezan con cm:
   cm0001, cm0002, cm0003...
========================================================= */
@media screen and (max-width: 919px) {
  [id^="cm"] div:nth-of-type(2) {
    max-width: none !important;
    padding-inline: 0 !important;
  }

  [id^="cm"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   REFUERZO PARA EMBEDS, IMÁGENES, VIDEOS E IFRAMES
========================================================= */
[id^="ct"] iframe,
[id^="cm"] iframe,
[id^="cy"] iframe,
[id^="ct"] img,
[id^="cm"] img,
[id^="cy"] img,
[id^="ct"] video,
[id^="cm"] video,
[id^="cy"] video {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Evita que widgets internos se queden encerrados */
[id^="ct"] div:nth-of-type(2) > *,
[id^="cm"] div:nth-of-type(2) > *,
[id^="cy"] div:nth-of-type(2) > * {
  max-width: none !important;
  box-sizing: border-box !important;
}

/* =========================================================
   OPCIONAL · Ayuda con embeds que traen su propio ancho
========================================================= */
[id^="ct"] [id*="embed"],
[id^="cm"] [id*="embed"],
[id^="cy"] [id*="embed"],
[id^="ct"] [class*="embed"],
[id^="cm"] [class*="embed"],
[id^="cy"] [class*="embed"] {
  max-width: none !important;
}