/* Plantilla classic — tipografía y color como e-carta develop (css-lbs_2).
   Conserva solo tamaños opcionales del motor y el layout de cabecera. */

/* Neutraliza theme-tokens (Georgia / Arial Narrow / teal) solo en classic. */
body.ecarta-skin-classic,
body:not(.ecarta-skin-plantilla2) {
  --ecarta-font-nav: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-header-title: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-header-action: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-title: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-body: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-price: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-ui-label: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-ui-button: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-ui-message: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-placeholder: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-footer: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-cart-total: "Open Sans", Helvetica, Arial, sans-serif;
  --ecarta-font-modal-title: "Open Sans", Helvetica, Arial, sans-serif;
  /* Tamaños develop (css-lbs_2 + Bootstrap 14px), no rem del motor */
  --ecarta-size-nav: 14px;
  --ecarta-size-header-title: 16px;
  --ecarta-size-header-action: 12px;
  --ecarta-size-title: 16px;
  --ecarta-size-body: 16px;
  --ecarta-size-price: 13px;
  --ecarta-size-ui-label: 14px;
  --ecarta-size-ui-button: 14px;
  --ecarta-size-ui-message: 14px;
  --ecarta-size-placeholder: 14px;
  --ecarta-size-footer: 12px;
  --ecarta-size-cart-total: 16px;
  --ecarta-size-modal-title: 18px;
  --ecarta-el-logo-size: 90px;
  --ecarta-el-icon-size: 50px;
  /* Bandera del botón idioma (cabecera): un poco mayor que el icono de alérgenos */
  --ecarta-el-flag-size: 64px;
  --ecarta-el-allergen_image-size: 25px;
  /* Acento classic develop (#EF8F30); menú hover (#3c91b9); fondo página (#edf2f8). */
  --ecarta-color-accent: #EF8F30;
  --ecarta-color-text: #333333;
  --ecarta-color-surface: #edf2f8;
  --ecarta-color-menu: #3c91b9;
  background-color: #edf2f8;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
}

body.ecarta-skin-classic #app-page,
body:not(.ecarta-skin-plantilla2) #app-page { background-color: #fff; }

/* No pintar #menu con el teal del motor; el classic de develop no lo fuerza. */
body.ecarta-skin-classic #menu,
body:not(.ecarta-skin-plantilla2) #menu {
  background-color: transparent;
}

/* Títulos/precios: respetar css-lbs_2 (negro). Solo permitir tamaño del diseñador. */
body.ecarta-skin-classic .letr-grnd,
body:not(.ecarta-skin-plantilla2) .letr-grnd {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: var(--ecarta-size-title, 16px);
  font-weight: 300 !important;
  line-height: 1 !important;
  color: #000 !important;
}

body.ecarta-skin-classic .nmbre,
body:not(.ecarta-skin-plantilla2) .nmbre {
  font-size: var(--ecarta-size-body, 16px);
  line-height: 1 !important;
}

body.ecarta-skin-classic .desc .letr-cart,
body.ecarta-skin-classic .explic,
body:not(.ecarta-skin-plantilla2) .desc .letr-cart,
body:not(.ecarta-skin-plantilla2) .explic {
  font-size: 14px;
  line-height: 1.35;
}

body.ecarta-skin-classic .prec,
body:not(.ecarta-skin-plantilla2) .prec {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: var(--ecarta-size-price, 13px);
  color: #000;
  flex: 0 0 auto;
  min-width: 4.5em;
  margin-left: 8px;
  text-align: right;
  white-space: nowrap;
}

/* € visible por defecto (showCurrency); se oculta vía tema si showCurrency=false */
body.ecarta-skin-classic .prec .ecarta-currency,
body.ecarta-skin-classic .prec [data-ecarta-el="currency_symbol"],
body:not(.ecarta-skin-plantilla2) .prec .ecarta-currency,
body:not(.ecarta-skin-plantilla2) .prec [data-ecarta-el="currency_symbol"] {
  font: inherit;
  color: inherit;
}
body.ecarta-skin-classic .prec .ecarta-currency::after,
body.ecarta-skin-classic .prec [data-ecarta-el="currency_symbol"]::after,
body:not(.ecarta-skin-plantilla2) .prec .ecarta-currency::after,
body:not(.ecarta-skin-plantilla2) .prec [data-ecarta-el="currency_symbol"]::after {
  content: var(--ecarta-el-currency-symbol, "€");
  margin-left: .15em;
}

/* Título de categoría (Pescados…): como develop 1.4em sobre body 14px */
body.ecarta-skin-classic .lin-cart,
body.ecarta-skin-classic p.linea > span,
body:not(.ecarta-skin-plantilla2) .lin-cart,
body:not(.ecarta-skin-plantilla2) p.linea > span {
  font-size: 1.4em;
}

body.ecarta-skin-classic .nav-button,
body.ecarta-skin-classic .sub-nav-button,
body.ecarta-skin-classic .page-changer,
body:not(.ecarta-skin-plantilla2) .nav-button,
body:not(.ecarta-skin-plantilla2) .sub-nav-button,
body:not(.ecarta-skin-plantilla2) .page-changer {
  font-size: var(--ecarta-size-nav, 14px);
  cursor: pointer;
}

/* Menú de cartas y grupos: centrados y compactos por defecto. */
body.ecarta-skin-classic .btn-prnci,
body.ecarta-skin-classic .btn-segun,
body:not(.ecarta-skin-plantilla2) .btn-prnci,
body:not(.ecarta-skin-plantilla2) .btn-segun {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
body.ecarta-skin-classic .til-menu,
body:not(.ecarta-skin-plantilla2) .til-menu {
  padding-bottom: 0 !important;
  margin: 0 !important;
  min-height: 0;
}
body.ecarta-skin-classic #carta-nombre:empty,
body.ecarta-skin-classic #cat-desc:empty,
body.ecarta-skin-classic #subcat-desc,
body.ecarta-skin-classic #subcat-img-menu:empty,
body:not(.ecarta-skin-plantilla2) #carta-nombre:empty,
body:not(.ecarta-skin-plantilla2) #cat-desc:empty,
body:not(.ecarta-skin-plantilla2) #subcat-desc,
body:not(.ecarta-skin-plantilla2) #subcat-img-menu:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
}
body.ecarta-skin-classic #subcat-img-menu,
body:not(.ecarta-skin-plantilla2) #subcat-img-menu {
  margin: 0 !important;
}
body.ecarta-skin-classic #nav-menu-container,
body.ecarta-skin-classic #nav-submenu-container,
body:not(.ecarta-skin-plantilla2) #nav-menu-container,
body:not(.ecarta-skin-plantilla2) #nav-submenu-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center;
  width: 100% !important;
  box-sizing: border-box;
  gap: 4px 10px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 10px !important;
}

body.ecarta-skin-classic .img-alerge,
body:not(.ecarta-skin-plantilla2) .img-alerge {
  width: var(--ecarta-el-allergen_image-size, 25px);
  height: var(--ecarta-el-allergen_image-size, 25px);
  max-width: var(--ecarta-el-allergen_image-size, 25px);
  object-fit: contain;
}

body.ecarta-skin-classic .dish-image-div,
body:not(.ecarta-skin-plantilla2) .dish-image-div {
  height: 80px !important;
  width: 80px !important;
}

body.ecarta-skin-classic .menu-igul .img-resta,
body:not(.ecarta-skin-plantilla2) .menu-igul .img-resta {
  max-height: var(--ecarta-el-logo-size, 90px);
}

body.ecarta-skin-classic .list-mn,
body:not(.ecarta-skin-plantilla2) .list-mn {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.ecarta-skin-classic .list-mn .nmbre,
body:not(.ecarta-skin-plantilla2) .list-mn .nmbre {
  flex: 1 1 auto;
  min-width: 0;
}

body.ecarta-skin-classic .prec span,
body:not(.ecarta-skin-plantilla2) .prec span {
  float: none;
  display: inline;
}

body.ecarta-skin-classic .tex-igul,
body:not(.ecarta-skin-plantilla2) .tex-igul {
  color: #EF8F30;
}

/* Cabecera classic: solo logo + alérgenos + idioma; celdas a altura completa. */
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  float: none;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 0 !important;
  /* Separadores a tope: sin hueco entre celdas del CSS de composición */
  gap: 0 !important;
  overflow: visible;
}

/* Como Pedir, hamburguesa, carrito: sin data-ecarta-slot → ocultos. */
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > .menu-igul:not([data-ecarta-slot]),
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > .menu-igul:not([data-ecarta-slot]),
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > .coll-men,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > .coll-men,
body.ecarta-skin-classic #menu_cart,
body:not(.ecarta-skin-plantilla2) #menu_cart,
body.ecarta-skin-classic .men-repo,
body.ecarta-skin-classic .men-re,
body:not(.ecarta-skin-plantilla2) .men-repo,
body:not(.ecarta-skin-plantilla2) .men-re,
body.ecarta-skin-classic .cest-fix,
body.ecarta-skin-classic .carr-btn,
body.ecarta-skin-classic .add-cart,
body.ecarta-skin-classic .add-cart-ob,
body:not(.ecarta-skin-plantilla2) .cest-fix,
body:not(.ecarta-skin-plantilla2) .carr-btn,
body:not(.ecarta-skin-plantilla2) .add-cart,
body:not(.ecarta-skin-plantilla2) .add-cart-ob {
  display: none !important;
}

/* Solo slots visibles: anular margin:auto legacy que deja franja blanca arriba. */
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot],
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] {
  float: none !important;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
  min-height: 0;
  height: auto !important;
  position: relative;
  overflow: visible;
  flex: 1 1 0;
  width: auto !important;
  max-width: none;
}

body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot="logo"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot="logo"] {
  justify-content: center;
}

body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot="allergens"],
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot="language"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot="allergens"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot="language"] {
  border-left: 1px solid #c3c3c3;
}

body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri .cont-img,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri .cont-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 6px 4px;
  box-sizing: border-box;
  gap: 2px;
}

body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri #r_info,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri #r_info {
  width: 100%;
  text-align: center;
  line-height: 1.25;
}

body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri #r_info p,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri #r_info p {
  margin: 0;
  color: #EF8F30;
  font-size: 12px;
}

body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri .vert-align-helper,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri .vert-align-helper {
  display: none !important;
}

body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri .img-resta,
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri [data-ecarta-el="logo"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri .img-resta {
  max-height: var(--ecarta-el-logo-size, 90px);
  height: var(--ecarta-el-logo-size, auto);
  max-width: 100%;
  width: auto;
  object-fit: contain;
}

/* Botón en flujo: aporta altura (no se corta) y estira para pintar toda la celda. */
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir {
  float: none !important;
  position: static !important;
  inset: auto !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 8px 4px !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: center;
  align-self: stretch !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  z-index: 1;
}

body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir > div,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri .img-idioms,
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri [data-ecarta-el="icon"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri .img-idioms,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri [data-ecarta-el="icon"] {
  display: block;
  height: var(--ecarta-el-icon-size, 50px);
  max-height: var(--ecarta-el-icon-size, 50px);
  width: auto;
  object-fit: contain;
  margin: 0 auto;
}

/* Bandera del selector de idioma: tamaño propio (mayor que alérgenos) */
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri [data-ecarta-slot="language"] .img-idioms,
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri [data-ecarta-el="language"] img,
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri [data-ecarta-el="language_icon"],
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri [data-ecarta-el="flag"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri [data-ecarta-slot="language"] .img-idioms,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri [data-ecarta-el="language"] img,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri [data-ecarta-el="language_icon"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri [data-ecarta-el="flag"] {
  display: block;
  height: var(--ecarta-el-flag-size, 64px);
  max-height: var(--ecarta-el-flag-size, 64px);
  width: auto;
  object-fit: contain;
  margin: 0 auto;
}

/* Hover/focus: pinta toda la celda (sin franja blanca). */
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot]:has(> .bton-pedir:hover),
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot]:has(> .bton-pedir:focus),
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot]:has(> .bton-pedir:active),
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot]:has(> .bton-pedir:hover),
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot]:has(> .bton-pedir:focus),
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot]:has(> .bton-pedir:active) {
  background-color: var(--ecarta-color-menu, #3c91b9) !important;
}
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:hover,
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:focus,
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:active,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:hover,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:focus,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:active {
  background: transparent !important;
  color: #fff !important;
  height: auto !important;
  min-height: 100% !important;
}
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:hover *,
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:focus *,
body.ecarta-skin-classic [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:active *,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:hover *,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:focus *,
body:not(.ecarta-skin-plantilla2) [data-ecarta-region="header"].menu-arri > [data-ecarta-slot] > .bton-pedir:active * {
  color: #fff !important;
}

/* Separación del panel respecto al header (sin alterar el ritmo horizontal). */
body.ecarta-skin-classic #alergenos-container.aler-alerg,
body:not(.ecarta-skin-plantilla2) #alergenos-container.aler-alerg,
body.ecarta-skin-classic #restaurant-languages.log-bandr,
body:not(.ecarta-skin-plantilla2) #restaurant-languages.log-bandr {
  margin-top: 18px !important;
  padding-top: 12px !important;
  padding-bottom: 8px;
  padding-right: 20px !important;
  padding-left: 8px !important;
  box-sizing: border-box;
}

/* Iconos: misma caja; layout del filtro como classic original (inline-block + 15px). */
body.ecarta-skin-classic .img-alerge,
body.ecarta-skin-classic [data-ecarta-el="allergen_image"],
body:not(.ecarta-skin-plantilla2) .img-alerge,
body:not(.ecarta-skin-plantilla2) [data-ecarta-el="allergen_image"] {
  box-sizing: border-box !important;
  width: var(--ecarta-el-allergen_image-size, 25px) !important;
  height: var(--ecarta-el-allergen_image-size, 25px) !important;
  max-width: var(--ecarta-el-allergen_image-size, 25px) !important;
  max-height: var(--ecarta-el-allergen_image-size, 25px) !important;
  object-fit: contain !important;
  object-position: center !important;
}
body.ecarta-skin-classic #alergenos-container.aler-alerg,
body:not(.ecarta-skin-plantilla2) #alergenos-container.aler-alerg {
  /* Visibilidad solo por JS (toggle), sin display !important. */
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
body.ecarta-skin-classic #alergenos-container .alerg,
body:not(.ecarta-skin-plantilla2) #alergenos-container .alerg {
  display: inline-block !important;
  padding-left: 15px !important;
  padding-right: 8px !important;
  vertical-align: top;
  text-align: center;
  width: auto !important;
  min-width: 0 !important;
  flex: none !important;
}
body.ecarta-skin-classic #alergenos-container .alerg .alergeno-selector,
body:not(.ecarta-skin-plantilla2) #alergenos-container .alerg .alergeno-selector {
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 auto;
  line-height: 0;
}
body.ecarta-skin-classic #alergenos-container .nom-alerg,
body:not(.ecarta-skin-plantilla2) #alergenos-container .nom-alerg {
  white-space: normal;
  margin: 0;
  color: #999;
  transition: color .15s ease, opacity .15s ease;
}

/* Estado filtro: apagado = semitransparente; seleccionado = nítido + texto más oscuro. */
body.ecarta-skin-classic #alergenos-container .alergeno-selector:not(.selected) .img-alerge,
body:not(.ecarta-skin-plantilla2) #alergenos-container .alergeno-selector:not(.selected) .img-alerge {
  opacity: 0.22 !important;
  filter: none;
}
body.ecarta-skin-classic #alergenos-container .alergeno-selector.selected,
body:not(.ecarta-skin-plantilla2) #alergenos-container .alergeno-selector.selected {
  background-color: transparent !important;
  border-radius: 0;
  outline: none !important;
  box-shadow: none !important;
}
body.ecarta-skin-classic #alergenos-container .alergeno-selector.selected .img-alerge,
body:not(.ecarta-skin-plantilla2) #alergenos-container .alergeno-selector.selected .img-alerge {
  opacity: 1 !important;
  filter: contrast(1.08) saturate(1.12);
}
body.ecarta-skin-classic #alergenos-container .alerg:has(.alergeno-selector.selected) .nom-alerg,
body:not(.ecarta-skin-plantilla2) #alergenos-container .alerg:has(.alergeno-selector.selected) .nom-alerg {
  color: #222 !important;
  opacity: 1;
  font-weight: 600;
}

/* Frases: tipografía/alineación independientes (como plantilla2). */
body.ecarta-skin-classic #rest-sentences-behind-of,
body.ecarta-skin-classic #rest-sentences-at-end,
body.ecarta-skin-classic .ecarta-footer-sentences,
body:not(.ecarta-skin-plantilla2) #rest-sentences-behind-of,
body:not(.ecarta-skin-plantilla2) #rest-sentences-at-end,
body:not(.ecarta-skin-plantilla2) .ecarta-footer-sentences {
  text-align: center;
  width: 100%;
}
body.ecarta-skin-classic .ecarta-sentence,
body.ecarta-skin-classic [data-ecarta-el="sentence"],
body.ecarta-skin-classic [data-ecarta-el="sentence_behind"],
body.ecarta-skin-classic [data-ecarta-el="sentence_at_end"],
body:not(.ecarta-skin-plantilla2) .ecarta-sentence,
body:not(.ecarta-skin-plantilla2) [data-ecarta-el="sentence"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-el="sentence_behind"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-el="sentence_at_end"] {
  display: block;
  width: 100%;
  margin: 0.35rem 0;
  text-align: var(--ecarta-el-sentence-text-align, center);
  font-family: var(--ecarta-el-sentence-family, inherit);
  font-size: var(--ecarta-el-sentence-size, 1rem);
  color: var(--ecarta-el-sentence-color, inherit);
}
body.ecarta-skin-classic [data-ecarta-el="sentence_behind"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-el="sentence_behind"] {
  text-align: var(--ecarta-el-sentence_behind-text-align, center);
  font-family: var(--ecarta-el-sentence_behind-family, var(--ecarta-el-sentence-family, inherit));
  font-size: var(--ecarta-el-sentence_behind-size, var(--ecarta-el-sentence-size, 1rem));
  color: var(--ecarta-el-sentence_behind-color, var(--ecarta-el-sentence-color, inherit));
}
body.ecarta-skin-classic [data-ecarta-el="sentence_at_end"],
body:not(.ecarta-skin-plantilla2) [data-ecarta-el="sentence_at_end"] {
  text-align: var(--ecarta-el-sentence_at_end-text-align, center);
  font-family: var(--ecarta-el-sentence_at_end-family, var(--ecarta-el-sentence-family, inherit));
  font-size: var(--ecarta-el-sentence_at_end-size, var(--ecarta-el-sentence-size, 1rem));
  color: var(--ecarta-el-sentence_at_end-color, var(--ecarta-el-sentence-color, inherit));
}