html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Queryes */
/* Queryes */
/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../../fonts/montserrat-v18-latin-regular.woff2") format("woff2"), url("../../fonts/montserrat-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: local(""), url("../../fonts/montserrat-v18-latin-500.woff2") format("woff2"), url("../../fonts/montserrat-v18-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("../../fonts/montserrat-v18-latin-600.woff2") format("woff2"), url("../../fonts/montserrat-v18-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../../fonts/montserrat-v18-latin-700.woff2") format("woff2"), url("../../fonts/montserrat-v18-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
:root {
  --primary: #383048;
  --primary-light: #524769;
  --primary-light-10: #ebeaec;
  --primary-title: #211c2c;
  --primary-dark: #14111a;
  --primary-5: rgba(56, 48, 72, 0.07);
  --primary-10: rgba(56, 48, 72, 0.1);
  --primary-20: rgba(56, 48, 72, 0.2);
  --primary-30: rgba(56, 48, 72, 0.3);
  --primary-40: rgba(56, 48, 72, 0.4);
  --primary-50: rgba(56, 48, 72, 0.5);
  --primary-60: rgba(56, 48, 72, 0.6);
  --primary-70: rgba(56, 48, 72, 0.7);
  --primary-80: rgba(56, 48, 72, 0.8);
  --primary-90: rgba(56, 48, 72, 0.9);
  --secondary: #f56600;
  --secondary-light: #ff8f3e;
  --secondary-light-10: #feefe5;
  --secondary-title: #c75402;
  --secondary-dark: #833701;
  --secondary-border: #e2c7b3;
  --secondary-border-light: #ffe8d6;
  --secondary-border-medium: #ceb5a3;
  --secondary-border-dark: #a8907d;
  --secondary-10: rgba(245, 102, 0, 0.1);
  --secondary-20: rgba(245, 102, 0, 0.2);
  --secondary-30: rgba(245, 102, 0, 0.3);
  --secondary-40: rgba(245, 102, 0, 0.4);
  --secondary-50: rgba(245, 102, 0, 0.5);
  --secondary-60: rgba(245, 102, 0, 0.6);
  --secondary-70: rgba(245, 102, 0, 0.7);
  --secondary-80: rgba(245, 102, 0, 0.8);
  --secondary-90: rgba(245, 102, 0, 0.9);
  --bk-cupon: #383048;
  --fonfo-clarito: #F6F6F6;
  --info: #427fed;
  --info-10: rgba(66, 126, 237, 0.1);
  --info-light: #70a2ff;
  --info-dark: #364f7e;
  --success: #5cb85c;
  --danger: #b31c3c;
  --danger-light: #ff3964;
  --danger-light-10: rgba(255, 57, 100, 0.1);
  --body: #514e57;
  --body-light: #88848f;
  --body-light-10: #aca6b6;
  --body-med: #3b3941;
  --body-title: #2c2a31;
  --negro-5: rgba(0, 0, 0, 0.05);
  --negro-10: rgba(0, 0, 0, 0.1);
  --negro-15: rgba(0, 0, 0, 0.15);
  --negro-20: rgba(0, 0, 0, 0.2);
  --negro-25: rgba(0, 0, 0, 0.25);
  --negro-30: rgba(0, 0, 0, 0.3);
  --negro-35: rgba(0, 0, 0, 0.35);
  --negro-40: rgba(0, 0, 0, 0.4);
  --negro-45: rgba(0, 0, 0, 0.45);
  --negro-50: rgba(0, 0, 0, 0.5);
  --negro-55: rgba(0, 0, 0, 0.55);
  --negro-60: rgba(0, 0, 0, 0.6);
  --negro-65: rgba(0, 0, 0, 0.65);
  --negro-70: rgba(0, 0, 0, 0.7);
  --negro-75: rgba(0, 0, 0, 0.75);
  --negro-80: rgba(0, 0, 0, 0.8);
  --negro-85: rgba(0, 0, 0, 0.85);
  --negro-90: rgba(0, 0, 0, 0.9);
  --negro-95: rgba(0, 0, 0, 0.95);
  --blanco-5: rgba(255, 255, 255, 0.05);
  --blanco-10: rgba(255, 255, 255, 0.1);
  --blanco-15: rgba(255, 255, 255, 0.15);
  --blanco-20: rgba(255, 255, 255, 0.2);
  --blanco-25: rgba(255, 255, 255, 0.25);
  --blanco-30: rgba(255, 255, 255, 0.3);
  --blanco-35: rgba(255, 255, 255, 0.35);
  --blanco-40: rgba(255, 255, 255, 0.4);
  --blanco-45: rgba(255, 255, 255, 0.45);
  --blanco-50: rgba(255, 255, 255, 0.5);
  --blanco-55: rgba(255, 255, 255, 0.55);
  --blanco-60: rgba(255, 255, 255, 0.6);
  --blanco-65: rgba(255, 255, 255, 0.65);
  --blanco-70: rgba(255, 255, 255, 0.7);
  --blanco-75: rgba(255, 255, 255, 0.75);
  --blanco-80: rgba(255, 255, 255, 0.8);
  --blanco-85: rgba(255, 255, 255, 0.85);
  --blanco-90: rgba(255, 255, 255, 0.9);
  --blanco-95: rgba(255, 255, 255, 0.95);
  --fondo-clarito: #f6f6f6;
  --fondo-clarito-2: #f2f2f7;
  /*Estilos cupon general modal*/
  --bk-cupon-general: linear-gradient(
    to bottom,
    var(--primary),
    var(--primary-title)
  );
  --border-cupon-general: 2px solid white;
  --border-radius-cupon-general: 20px 20px 40px 40px;
  --btn-cupon-general: var(--cuaternary);
  --btn-hover-cupon-general: #3a75df;
  --btn-color-cupon-general: #fff;
  --border-radius-inputs-cupon-general: 6px;
  --alert-start-color-cupon-general: #d9edf7;
  --alert-end-color-cupon-general: #b9def0;
  --alert-border-color-cupon-general: #9acfea;
  /*Fuentes*/
  --font-title: "Montserrat", sans-serif;
  --font-body: "Montserrat", sans-serif;
}

* {
  box-sizing: border-box;
  outline: none !important;
}

html .overlay,
html .overlay-modal,
body .overlay,
body .overlay-modal {
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
  display: none;
  height: 200vh;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  width: 200%;
}
html .overlay,
body .overlay {
  z-index: 15;
}
html .overlay-modal,
body .overlay-modal {
  z-index: 9999;
}
html.blocked,
body.blocked {
  overflow-y: hidden;
}

html {
  font-size: 62.5%;
  line-height: 1.5;
}

.d-none {
  display: none;
}

body {
  font-family: var(--font-body);
  font-weight: normal;
  color: var(--body);
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  background-color: white;
  overflow-x: hidden;
}
body.no-scroll {
  overflow-y: hidden;
}
body .logo-brand {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
}
body .title-rounded {
  font-family: var(--font-title);
  line-height: 1.1;
  font-weight: 700;
  display: block;
  width: auto;
  max-width: -moz-max-content;
  max-width: max-content;
  color: var(--primary);
  background-color: white;
  box-shadow: 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 769px) {
  body .title-rounded {
    border-radius: 3rem;
    padding: 0.8rem 1.2rem;
  }
}
@media only screen and (max-width: 768px) {
  body .title-rounded {
    border-radius: 1rem;
    padding: 0.8rem 1rem;
  }
}
@media only screen and (max-width: 768px) {
  body .title-rounded {
    border: 2px solid;
  }
}
@media only screen and (min-width: 769px) {
  body .title-rounded {
    border: 3px solid;
  }
}
@media only screen and (min-width: 1501px) {
  body .title-rounded {
    transform: translateX(-1rem);
  }
}
body h1,
body .h1,
body h2,
body .h2,
body h3,
body .h3,
body h4,
body .h4,
body h5,
body .h5,
body h6,
body .h6 {
  font-family: var(--font-title);
  line-height: 1.1;
  font-weight: 700;
}
body h1.title-page.rounded,
body .h1.title-page.rounded,
body h2.title-page.rounded,
body .h2.title-page.rounded,
body h3.title-page.rounded,
body .h3.title-page.rounded,
body h4.title-page.rounded,
body .h4.title-page.rounded,
body h5.title-page.rounded,
body .h5.title-page.rounded,
body h6.title-page.rounded,
body .h6.title-page.rounded {
  display: block;
  width: auto;
  max-width: -moz-max-content;
  max-width: max-content;
  color: var(--primary);
  background-color: white;
  box-shadow: 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 769px) {
  body h1.title-page.rounded,
  body .h1.title-page.rounded,
  body h2.title-page.rounded,
  body .h2.title-page.rounded,
  body h3.title-page.rounded,
  body .h3.title-page.rounded,
  body h4.title-page.rounded,
  body .h4.title-page.rounded,
  body h5.title-page.rounded,
  body .h5.title-page.rounded,
  body h6.title-page.rounded,
  body .h6.title-page.rounded {
    border-radius: 3rem;
    padding: 0.8rem 1.2rem;
  }
}
@media only screen and (max-width: 768px) {
  body h1.title-page.rounded,
  body .h1.title-page.rounded,
  body h2.title-page.rounded,
  body .h2.title-page.rounded,
  body h3.title-page.rounded,
  body .h3.title-page.rounded,
  body h4.title-page.rounded,
  body .h4.title-page.rounded,
  body h5.title-page.rounded,
  body .h5.title-page.rounded,
  body h6.title-page.rounded,
  body .h6.title-page.rounded {
    border-radius: 1rem;
    padding: 0.8rem 1rem;
  }
}
@media only screen and (max-width: 768px) {
  body h1.title-page.rounded,
  body .h1.title-page.rounded,
  body h2.title-page.rounded,
  body .h2.title-page.rounded,
  body h3.title-page.rounded,
  body .h3.title-page.rounded,
  body h4.title-page.rounded,
  body .h4.title-page.rounded,
  body h5.title-page.rounded,
  body .h5.title-page.rounded,
  body h6.title-page.rounded,
  body .h6.title-page.rounded {
    border: 2px solid;
  }
}
@media only screen and (min-width: 769px) {
  body h1.title-page.rounded,
  body .h1.title-page.rounded,
  body h2.title-page.rounded,
  body .h2.title-page.rounded,
  body h3.title-page.rounded,
  body .h3.title-page.rounded,
  body h4.title-page.rounded,
  body .h4.title-page.rounded,
  body h5.title-page.rounded,
  body .h5.title-page.rounded,
  body h6.title-page.rounded,
  body .h6.title-page.rounded {
    border: 3px solid;
  }
}
@media only screen and (min-width: 1501px) {
  body h1.title-page.rounded,
  body .h1.title-page.rounded,
  body h2.title-page.rounded,
  body .h2.title-page.rounded,
  body h3.title-page.rounded,
  body .h3.title-page.rounded,
  body h4.title-page.rounded,
  body .h4.title-page.rounded,
  body h5.title-page.rounded,
  body .h5.title-page.rounded,
  body h6.title-page.rounded,
  body .h6.title-page.rounded {
    transform: translateX(-1rem);
  }
}
body h1.title-page.rounded.primary,
body .h1.title-page.rounded.primary,
body h2.title-page.rounded.primary,
body .h2.title-page.rounded.primary,
body h3.title-page.rounded.primary,
body .h3.title-page.rounded.primary,
body h4.title-page.rounded.primary,
body .h4.title-page.rounded.primary,
body h5.title-page.rounded.primary,
body .h5.title-page.rounded.primary,
body h6.title-page.rounded.primary,
body .h6.title-page.rounded.primary {
  color: white;
  background-color: var(--primary);
  border: none;
}
body h1.title-page.border,
body .h1.title-page.border,
body h2.title-page.border,
body .h2.title-page.border,
body h3.title-page.border,
body .h3.title-page.border,
body h4.title-page.border,
body .h4.title-page.border,
body h5.title-page.border,
body .h5.title-page.border,
body h6.title-page.border,
body .h6.title-page.border {
  font-weight: 500;
  color: var(--primary);
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 2px solid var(--negro-15);
  margin-bottom: 2.4rem;
}
body h1.title-page.border:after,
body .h1.title-page.border:after,
body h2.title-page.border:after,
body .h2.title-page.border:after,
body h3.title-page.border:after,
body .h3.title-page.border:after,
body h4.title-page.border:after,
body .h4.title-page.border:after,
body h5.title-page.border:after,
body .h5.title-page.border:after,
body h6.title-page.border:after,
body .h6.title-page.border:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 0.2em;
  bottom: 0;
  left: 0;
  border-radius: 6px;
  background-color: var(--primary);
}
@media only screen and (min-width: 769px) {
  body h1.title-page.border:after,
  body .h1.title-page.border:after,
  body h2.title-page.border:after,
  body .h2.title-page.border:after,
  body h3.title-page.border:after,
  body .h3.title-page.border:after,
  body h4.title-page.border:after,
  body .h4.title-page.border:after,
  body h5.title-page.border:after,
  body .h5.title-page.border:after,
  body h6.title-page.border:after,
  body .h6.title-page.border:after {
    width: 45%;
  }
}
@media only screen and (max-width: 768px) {
  body h1.title-page.title-page-sm-none,
  body .h1.title-page.title-page-sm-none,
  body h2.title-page.title-page-sm-none,
  body .h2.title-page.title-page-sm-none,
  body h3.title-page.title-page-sm-none,
  body .h3.title-page.title-page-sm-none,
  body h4.title-page.title-page-sm-none,
  body .h4.title-page.title-page-sm-none,
  body h5.title-page.title-page-sm-none,
  body .h5.title-page.title-page-sm-none,
  body h6.title-page.title-page-sm-none,
  body .h6.title-page.title-page-sm-none {
    display: none;
  }
}
body h1.title-page .tag-resultado,
body .h1.title-page .tag-resultado,
body h2.title-page .tag-resultado,
body .h2.title-page .tag-resultado,
body h3.title-page .tag-resultado,
body .h3.title-page .tag-resultado,
body h4.title-page .tag-resultado,
body .h4.title-page .tag-resultado,
body h5.title-page .tag-resultado,
body .h5.title-page .tag-resultado,
body h6.title-page .tag-resultado,
body .h6.title-page .tag-resultado {
  color: var(--secondary);
}
body h1.title-page,
body .h1.title-page {
  font-size: 2.6rem;
  margin-bottom: 2.4rem;
}
@media only screen and (min-width: 769px) {
  body h1.title-page,
  body .h1.title-page {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 1025px) {
  body h1.title-page,
  body .h1.title-page {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1281px) {
  body h1.title-page,
  body .h1.title-page {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 1501px) {
  body h1.title-page,
  body .h1.title-page {
    font-size: 3.6rem;
  }
}
body h2.title-page,
body .h2.title-page {
  font-size: 2.2rem;
  margin-bottom: 2.4rem;
}
@media only screen and (min-width: 769px) {
  body h2.title-page,
  body .h2.title-page {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1025px) {
  body h2.title-page,
  body .h2.title-page {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 1281px) {
  body h2.title-page,
  body .h2.title-page {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1501px) {
  body h2.title-page,
  body .h2.title-page {
    font-size: 3.2rem;
  }
}
body h3.title-page,
body .h3.title-page {
  font-size: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 769px) {
  body h3.title-page,
  body .h3.title-page {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 1025px) {
  body h3.title-page,
  body .h3.title-page {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1281px) {
  body h3.title-page,
  body .h3.title-page {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1501px) {
  body h3.title-page,
  body .h3.title-page {
    font-size: 2.8rem;
  }
}
body h4.title-page,
body .h4.title-page {
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 769px) {
  body h4.title-page,
  body .h4.title-page {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1025px) {
  body h4.title-page,
  body .h4.title-page {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 1281px) {
  body h4.title-page,
  body .h4.title-page {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1501px) {
  body h4.title-page,
  body .h4.title-page {
    font-size: 2.6rem;
  }
}
body .txt-rojo {
  color: var(--secondary);
}
body p + p,
body .paragraphize + p {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1025px) {
  body p + p,
  body .paragraphize + p {
    margin-top: 2rem;
  }
}
body p + h1, body p + .h1, body p + h2, body p + .h2, body p + h3, body p + .h3, body p + h4, body p + .h4, body p + h5, body p + .h5, body p + h6, body p + .h6,
body .paragraphize + h1,
body .paragraphize + .h1,
body .paragraphize + h2,
body .paragraphize + .h2,
body .paragraphize + h3,
body .paragraphize + .h3,
body .paragraphize + h4,
body .paragraphize + .h4,
body .paragraphize + h5,
body .paragraphize + .h5,
body .paragraphize + h6,
body .paragraphize + .h6 {
  margin-top: 3.5rem;
}
body a {
  color: var(--secondary);
  text-decoration: none;
}
body a, body a * {
  transition: all 0.1s ease-in-out;
}
body a:hover {
  color: var(--body);
}
body .cabecera-opobusca {
  background: white;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 4px solid var(--negro-10);
}
@media only screen and (min-width: 769px) {
  body .cabecera-opobusca {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
body main a {
  font-weight: 700;
  text-decoration: none;
}
body main section.section-page {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 4px solid var(--negro-10);
}
@media only screen and (min-width: 769px) {
  body main section.section-page {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media only screen and (min-width: 1025px) {
  body main section.section-page {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
body main section.section-page.section-clarita {
  background-color: var(--fondo-clarito-2);
}
body main section.section-page.sin-border {
  border: none;
}
body main section.section-page strong,
body main section.section-page a:not(.btn) {
  font-weight: 700;
}
body main section.section-page .txt-ficha strong {
  font-weight: 900;
}
body main section.section-page .txt-ficha ul {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
body main section.section-page .txt-ficha ul li {
  padding-left: 1.5rem;
  position: relative;
}
body main section.section-page .txt-ficha ul li:before {
  background-color: var(--secondary);
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.55rem;
  left: 0;
  position: absolute;
  top: 0.75em;
  transform: translateY(-50%);
  width: 0.55rem;
}
body main section.section-page .txt-ficha ul li strong {
  font-size: 1.4rem;
}
body main section.section-page .txt-ficha ul li + li {
  margin-top: 0.75rem;
}
body main section.section-page .container.container-tags-provincias {
  min-width: 0;
}
body main section.section-page .container.container-tags-provincias .tags-provincias {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
body main section.section-page .container.container-tags-provincias .tags-provincias .btn {
  font-size: 1.4rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  body main section.section-page .container.container-tags-provincias .tags-provincias .btn {
    width: auto;
    min-width: auto;
  }
}
@media only screen and (max-width: 500px) {
  body main section.section-page .container.container-tags-provincias .tags-provincias .btn {
    font-size: 1.2rem;
  }
}
body main section.section-page.section-404-gracias {
  position: relative;
  background-color: var(--fondo-clarito-2);
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding-top: 10rem;
  padding-bottom: 10rem;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  body main section.section-page.section-404-gracias {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
}
@media only screen and (min-width: 1501px) {
  body main section.section-page.section-404-gracias {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
body main section.section-page.section-404-gracias .article-404-gracias {
  padding-left: 1rem;
  padding-right: 1rem;
}
body main section.section-page.section-404-gracias .article-404-gracias .span-404,
body main section.section-page.section-404-gracias .article-404-gracias .fondo-gracias {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body main section.section-page.section-404-gracias .article-404-gracias .fondo-gracias {
  fill: var(--primary-10);
  width: 600px;
  height: 400px;
}
body main section.section-page.section-404-gracias .article-404-gracias .span-404 {
  font-size: 30rem;
  font-weight: 700;
  line-height: 0;
  color: var(--primary-10);
}
body main section.section-page.section-404-gracias .article-404-gracias .title {
  font-size: 3rem;
  font-weight: 500;
  position: relative;
  z-index: 2;
  border-radius: 3rem;
  padding: 0.5rem 1rem;
  background-color: var(--blanco-60);
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  body main section.section-page.section-404-gracias .article-404-gracias .title {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 768px) {
  body main section.section-page.section-404-gracias .article-404-gracias .title {
    border-radius: 1rem;
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 500px) {
  body main section.section-page.section-404-gracias .article-404-gracias .title {
    font-size: 2.2rem;
  }
}
body main section.section-page.section-404-gracias .article-404-gracias .title.rojo {
  color: var(--danger);
  border: 2px solid var(--danger);
  box-shadow: 0 2px 2px rgba(255, 57, 100, 0.3);
}
body main section.section-page.section-404-gracias .article-404-gracias .title.verde {
  color: var(--success);
  border: 2px solid var(--success);
  box-shadow: 0 2px 2px rgba(92, 184, 92, 0.3);
}
body main section.section-page.section-404-gracias .article-404-gracias .title .exclamacion {
  font-weight: 700;
  font-size: 4rem;
  line-height: 0;
}
@media only screen and (max-width: 1024px) {
  body main section.section-page.section-404-gracias .article-404-gracias .title .exclamacion {
    font-size: 3.6rem;
  }
}
@media only screen and (max-width: 768px) {
  body main section.section-page.section-404-gracias .article-404-gracias .title .exclamacion {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 500px) {
  body main section.section-page.section-404-gracias .article-404-gracias .title .exclamacion {
    font-size: 3rem;
  }
}
body main section.section-page.section-404-gracias .article-404-gracias .p-gracias {
  position: relative;
  z-index: 2;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--negro-15);
}
@media only screen and (min-width: 1025px) {
  body main section.section-page.section-404-gracias .article-404-gracias .p-gracias {
    font-size: 2.4rem;
  }
}
body main section.section-page.section-404-gracias .article-404-gracias .container-boton-404 {
  margin-top: 3rem;
  position: relative;
  z-index: 2;
}
body main section.section-page.section-404-gracias .article-404-gracias .container-boton-404 .btn {
  margin: 0 auto;
}
body main section.section-page.section-404-gracias .article-404-gracias .container-redes {
  position: relative;
  z-index: 2;
  margin-top: 2rem;
}
body main section.section-page.section-404-gracias .article-404-gracias .container-redes .title-redes {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  text-align: center;
}
body main section.section-page.section-404-gracias .article-404-gracias .container-redes .title-redes svg {
  width: 2rem;
  height: 2rem;
  fill: var(--primary-light);
}
body main section.section-page.section-404-gracias .article-404-gracias .container-redes .redes {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
body main section.section-page.section-404-gracias .article-404-gracias .container-redes .redes a {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}
body main section.section-page.section-404-gracias .article-404-gracias .container-redes .redes a svg {
  fill: var(--primary);
  width: 3rem;
  height: 3rem;
}
body .flechica {
  transition: all 0.15s ease-in-out;
}
body img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
body strong {
  color: inherit;
  font-weight: 700;
}
body small {
  font-size: 80%;
}
body .container {
  width: 100%;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
body .container.big {
  max-width: 1800px;
}
@media only screen and (min-width: 1501px) {
  body .container.big .title-page {
    transform: translateX(0);
  }
}
body .container-btn {
  margin: 4rem auto;
  display: block;
}
body .tabs-content-guia,
body .container-cms {
  border: 3px solid var(--negro-10);
  border-radius: 2rem;
  padding: 1.5rem;
}
body .tabs-content-guia h2,
body .tabs-content-guia h3,
body .tabs-content-guia h4,
body .container-cms h2,
body .container-cms h3,
body .container-cms h4 {
  margin-bottom: 1.5rem;
}
body .tabs-content-guia h2,
body .container-cms h2 {
  border-bottom: 0.1rem solid var(--primary-30);
  border-top: 0.1rem solid var(--primary-30);
  font-size: 2.1rem;
  padding: 1rem;
}
@media (min-width: 1025px) {
  body .tabs-content-guia h2,
  body .container-cms h2 {
    font-size: 2.3rem;
    padding: 1.5rem;
  }
}
@media (min-width: 1281px) {
  body .tabs-content-guia h2,
  body .container-cms h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1501px) {
  body .tabs-content-guia h2,
  body .container-cms h2 {
    font-size: 2.7rem;
  }
}
body .tabs-content-guia h3,
body .container-cms h3 {
  font-size: 1.9rem;
}
@media (min-width: 1025px) {
  body .tabs-content-guia h3,
  body .container-cms h3 {
    font-size: 2rem;
  }
}
@media (min-width: 1281px) {
  body .tabs-content-guia h3,
  body .container-cms h3 {
    font-size: 2.25rem;
  }
}
@media (min-width: 1501px) {
  body .tabs-content-guia h3,
  body .container-cms h3 {
    font-size: 2.45rem;
  }
}
body .tabs-content-guia h4,
body .container-cms h4 {
  font-size: 1.75rem;
}
@media (min-width: 1025px) {
  body .tabs-content-guia h4,
  body .container-cms h4 {
    font-size: 1.8rem;
  }
}
@media (min-width: 1281px) {
  body .tabs-content-guia h4,
  body .container-cms h4 {
    font-size: 1.95rem;
  }
}
@media (min-width: 1501px) {
  body .tabs-content-guia h4,
  body .container-cms h4 {
    font-size: 2.1rem;
  }
}
@media only screen and (min-width: 769px) {
  body .tabs-content-guia,
  body .container-cms {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1025px) {
  body .tabs-content-guia,
  body .container-cms {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1281px) {
  body .tabs-content-guia,
  body .container-cms {
    padding: 3rem;
  }
}
@media only screen and (min-width: 1501px) {
  body .tabs-content-guia,
  body .container-cms {
    padding: 3.5rem;
  }
}
@media only screen and (max-width: 500px) {
  body .tabs-content-guia,
  body .container-cms {
    border: none;
    border-radius: 0;
    padding: 0;
  }
}
body .tabs-content-guia .title-guia,
body .container-cms .title-guia {
  font-size: 110%;
  max-width: -moz-max-content;
  max-width: max-content;
  background-color: var(--primary-10);
  padding: 0.2rem 0.6rem;
  border-radius: 1rem;
  margin-bottom: 1.2rem;
}
body .resaltado {
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  background-color: white;
  border-bottom: 3px solid var(--negro-25);
}
@media only screen and (min-width: 769px) {
  body .resaltado {
    border-radius: 2rem;
  }
}
body .resaltado.gris {
  background-color: var(--fondo-clarito);
}
body .resaltado.verde {
  color: white;
  background-color: var(--secondary);
}
body .title-page + .container-listados {
  margin-top: 2rem;
}
@media only screen and (min-width: 769px) {
  body .title-page + .container-listados {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  body .title-page-sm-none + .container-listados {
    margin-top: 0;
  }
}
body .container-listados {
  position: relative;
}
body .container-listados p.title-listado {
  font-weight: 700;
}
body .container-listados .title-listado {
  font-size: 2.2rem;
  display: block;
  color: white;
  border-color: white;
  background-color: var(--primary);
  border-radius: 3rem;
  box-shadow: 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 769px) {
  body .container-listados .title-listado {
    max-width: -moz-max-content;
    max-width: max-content;
    width: auto;
    padding: 0.8rem 1.2rem;
    transform: translate(1.5rem, 1.5rem);
    margin-top: -1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  body .container-listados .title-listado {
    max-width: 100%;
    transform: none;
    padding: 0.8rem 1rem;
    margin-bottom: 1rem;
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  body .container-listados .title-listado {
    padding: 1.5rem 1rem;
    color: white;
    border-radius: 1rem 1rem 0 0;
    padding: 1.2rem 1rem;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 769px) {
  body .container-listados .title-listado {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1025px) {
  body .container-listados .title-listado {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 1281px) {
  body .container-listados .title-listado {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1501px) {
  body .container-listados .title-listado {
    font-size: 3.2rem;
  }
}
body .container-listados .title-listado.excepcion-enlace a {
  color: white;
}
body .container-listados ul {
  background-color: white;
}
@media only screen and (max-width: 768px) {
  body .container-listados ul {
    margin-top: 0;
    border-radius: 0 0 1rem 1rem;
    border-top: none;
    border: 2px solid var(--negro-25);
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.3);
  }
}
@media only screen and (min-width: 769px) {
  body .container-listados ul {
    display: grid;
    gap: 2rem;
    border: 3px solid var(--negro-10);
    border-radius: 2rem;
    padding: 3rem 3rem 2rem 3rem;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  body .container-listados ul {
    padding: 3.5rem 3rem 2.5rem 3rem;
  }
}
@media only screen and (min-width: 1281px) {
  body .container-listados ul {
    padding: 4rem 3rem 3rem 3rem;
  }
}
body .container-listados .listado-importantes {
  margin-top: 0.4em;
  font-weight: 600;
}
body .container-btn-listado .btn {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  body .margin-mobile {
    margin-bottom: 1rem;
  }
}
body .container-listados + .container-btn-listado {
  margin-top: 2rem;
}
@media only screen and (min-width: 769px) {
  body .container-listados + .container-btn-listado {
    margin-top: 3rem;
  }
}
body .container-btn-listado + .container-listados {
  margin-top: 4rem;
}
@media only screen and (min-width: 769px) {
  body .container-btn-listado + .container-listados {
    margin-top: 6rem;
  }
}
body .opobusca-simple-container {
  margin-top: 2.4rem;
}
body .opobusca-simple-container .opobusca-simple {
  border-bottom: 1px solid var(--negro-10);
  padding-bottom: 2rem;
  max-width: -moz-max-content;
  max-width: max-content;
}
body .opobusca-simple-container .opobusca-simple h4.titulo-tipo {
  font-size: 1.8rem;
}
body .opobusca-simple-container .opobusca-simple ul {
  padding: 0 0.8rem;
}
body .opobusca-simple-container .opobusca-simple > ul {
  margin-top: 1.8rem;
}
body .opobusca-simple-container .opobusca-simple > ul li + li {
  margin-top: 1.5rem;
}
body .opobusca-simple-container .opobusca-simple > ul li ul {
  margin-top: 1rem;
}
body .opobusca-simple-container .opobusca-simple + .opobusca-simple {
  margin-top: 2rem;
}
body .opobusca-simple-container .opobusca-simple:last-child {
  border: 0;
}
body .ul-opobusca {
  margin-top: 2rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
body .ul-opobusca li {
  border-bottom: 1px solid var(--negro-10);
}
@media only screen and (max-width: 768px) {
  body .ul-opobusca li {
    padding: 1.2rem 1rem;
  }
}
body .ul-opobusca li:last-child {
  border: none;
}
@media only screen and (min-width: 769px) {
  body .ul-opobusca li:last-child {
    margin: 0;
    border: none;
  }
}
body .ul-opobusca li .title-ul {
  font-size: 110%;
  max-width: -moz-max-content;
  max-width: max-content;
  background-color: var(--primary-10);
  padding: 0.2rem 0.6rem;
  border-radius: 1rem;
}
body .ul-opobusca li .title-ul + p {
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px) {
  body .ul-opobusca {
    border-radius: 1rem;
  }
  body .ul-opobusca .ul-opobusca {
    font-size: 90%;
    background-color: var(--fondo-clarito);
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid var(--negro-10);
  }
  body .ul-opobusca .ul-opobusca li {
    padding-left: 3rem;
  }
  body .ul-opobusca .li-grupo li:last-child {
    border-bottom: 1px solid var(--negro-10);
  }
  body .ul-opobusca .li-grupo:last-child li:last-child {
    border: none;
  }
}
@media only screen and (min-width: 769px) {
  body .ul-opobusca {
    padding-left: 2rem;
  }
  body .ul-opobusca li {
    background-image: url(../../images/icons/bullet-naranja.svg);
    background-repeat: no-repeat;
    background-position: left 0.4em;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) {
  body .ul-opobusca li {
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 769px) {
  body .ul-opobusca li:last-child {
    margin-bottom: 0;
  }
  body .ul-opobusca .ul-opobusca {
    margin-top: 1rem;
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) {
  body .ul-opobusca .ul-opobusca {
    padding-left: 2.5rem;
  }
}
body .ul-opobusca.ol-numerica {
  list-style: none;
  counter-reset: numeracion-opobusca;
}
body .ul-opobusca.ol-numerica li {
  background: none;
  counter-increment: numeracion-opobusca;
  position: relative;
}
body .ul-opobusca.ol-numerica li:before {
  content: counter(numeracion-opobusca) ".";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  color: var(--secondary);
  font-size: 130%;
  text-align: right;
  transform: translate(-1.5rem, -0.5rem);
  width: 2.8rem;
}
@media only screen and (max-width: 500px) {
  body .ul-opobusca.ul-fichas-xs {
    border: 2px solid var(--negro-15);
    border-radius: 1rem;
    border: 2px solid var(--negro-25);
    box-shadow: 0 0.1rem 0.3rem var(--negro-25);
  }
  body .ul-opobusca.ul-fichas-xs li {
    padding: 1.5rem 1rem;
    margin: 0;
  }
  body .ul-opobusca.ul-fichas-xs li:nth-child(odd) {
    background-color: var(--primary-5);
  }
}
@media only screen and (max-width: 768px) {
  body .ul-opobusca.ul-fichas-xs.ol-numerica li {
    padding-left: 3.5rem;
  }
  body .ul-opobusca.ul-fichas-xs.ol-numerica li:before {
    transform: translate(0, 0.6rem);
  }
}
@media only screen and (max-width: 500px) {
  body .ul-opobusca.ul-fichas-xs.ol-numerica li {
    padding-left: 4rem;
  }
  body .ul-opobusca.ul-fichas-xs.ol-numerica li:before {
    transform: translate(0.6rem, 0.8rem);
  }
}
@media only screen and (min-width: 769px) {
  body .ul-opobusca.ul-oposiciones-convocatorias li {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 1281px) {
  body .ul-opobusca.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
body .container-cms {
  word-wrap: break-word;
}
body .container-cms iframe {
  max-width: 100%;
}
body .container-cms ul, body .container-cms ol {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body .container-cms ul li, body .container-cms ol li {
  border-bottom: 1px solid var(--negro-10);
}
@media only screen and (max-width: 768px) {
  body .container-cms ul li, body .container-cms ol li {
    padding: 1.2rem 1rem;
  }
}
body .container-cms ul li:last-child, body .container-cms ol li:last-child {
  border: none;
}
@media only screen and (min-width: 769px) {
  body .container-cms ul li:last-child, body .container-cms ol li:last-child {
    margin: 0;
    border: none;
  }
}
@media only screen and (max-width: 768px) {
  body .container-cms ul, body .container-cms ol {
    border-radius: 1rem;
  }
  body .container-cms ul ul, body .container-cms ul ol, body .container-cms ol ul, body .container-cms ol ol {
    font-size: 90%;
    background-color: var(--fondo-clarito);
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid var(--negro-10);
  }
  body .container-cms ul ul li, body .container-cms ul ol li, body .container-cms ol ul li, body .container-cms ol ol li {
    padding-left: 3rem;
  }
  body .container-cms ul .li-grupo li:last-child, body .container-cms ol .li-grupo li:last-child {
    border-bottom: 1px solid var(--negro-10);
  }
  body .container-cms ul .li-grupo:last-child li:last-child, body .container-cms ol .li-grupo:last-child li:last-child {
    border: none;
  }
}
@media only screen and (min-width: 769px) {
  body .container-cms ul, body .container-cms ol {
    padding-left: 2rem;
  }
  body .container-cms ul li, body .container-cms ol li {
    background-image: url(../../images/icons/bullet-naranja.svg);
    background-repeat: no-repeat;
    background-position: left 0.4em;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) {
  body .container-cms ul li, body .container-cms ol li {
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 769px) {
  body .container-cms ul li:last-child, body .container-cms ol li:last-child {
    margin-bottom: 0;
  }
  body .container-cms ul ul, body .container-cms ul ol, body .container-cms ol ul, body .container-cms ol ol {
    margin-top: 1rem;
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) {
  body .container-cms ul ul, body .container-cms ul ol, body .container-cms ol ul, body .container-cms ol ol {
    padding-left: 2.5rem;
  }
}
@media only screen and (max-width: 500px) {
  body .container-cms ul, body .container-cms ol {
    border: 2px solid var(--negro-15);
    border-radius: 1rem;
    border: 2px solid var(--negro-25);
    box-shadow: 0 0.1rem 0.3rem var(--negro-25);
  }
  body .container-cms ul li, body .container-cms ol li {
    padding: 1.5rem 1rem;
    margin: 0;
  }
  body .container-cms ul li:nth-child(odd), body .container-cms ol li:nth-child(odd) {
    background-color: var(--primary-5);
  }
}
body .container-cms ol:not(.lista-letras) {
  list-style: none;
  counter-reset: numeracion-opobusca;
}
body .container-cms ol:not(.lista-letras) li {
  background: none;
  counter-increment: numeracion-opobusca;
  position: relative;
}
body .container-cms ol:not(.lista-letras) li:before {
  content: counter(numeracion-opobusca) ".";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  color: var(--secondary);
  font-size: 130%;
  text-align: right;
  transform: translate(-1.5rem, -0.5rem);
  width: 2.8rem;
}
@media only screen and (max-width: 768px) {
  body .container-cms ol:not(.lista-letras) li {
    padding-left: 3.5rem;
  }
  body .container-cms ol:not(.lista-letras) li:before {
    transform: translate(0, 0.6rem);
  }
}
@media only screen and (max-width: 500px) {
  body .container-cms ol:not(.lista-letras) li {
    padding-left: 4rem;
  }
  body .container-cms ol:not(.lista-letras) li:before {
    transform: translate(0.6rem, 0.8rem);
  }
}
body .container-cms ol.lista-letras {
  list-style-type: none;
  position: inherit;
}
body .container-cms ol.lista-letras li {
  position: relative;
  padding-left: 1.5em;
  background-image: none;
  display: flex;
  align-items: center;
}
body .container-cms ol.lista-letras li .letter {
  position: absolute;
  left: 0;
  color: var(--secondary);
  font-weight: bold;
  font-size: 2rem;
}
@media only screen and (max-width: 500px) {
  body .container-cms ol.lista-letras li .letter {
    padding-left: 2rem;
    display: contents;
  }
}
@media only screen and (max-width: 768px) {
  body .container-cms ol.lista-letras li {
    align-items: flex-start;
  }
}
@keyframes btnAnimation {
  0% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 50% 100%;
  }
}
body button {
  border: none;
  background: none;
}
body button svg {
  transition: all 0.35s;
}
body button,
body .btn {
  cursor: pointer;
}
body .btn {
  width: -moz-max-content;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 120%;
  position: relative;
  background-color: var(--secondary);
  border-radius: 5rem;
  border-bottom: 3px solid var(--negro-30);
  color: white;
  margin: 0;
  max-width: -moz-max-content;
  max-width: max-content;
  min-height: 6.5rem;
  padding: 1rem 1.5rem;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.35s;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media only screen and (max-width: 768px) {
  body .btn {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  body .btn {
    border-radius: 5rem;
  }
}
@media only screen and (min-width: 1025px) {
  body .btn {
    font-size: 1.6rem;
    padding: 1.5rem 2.5rem;
  }
}
@media only screen and (min-width: 1501px) {
  body .btn {
    min-height: 7rem;
  }
}
body .btn .txt-btn,
body .btn span,
body .btn img,
body .btn svg {
  z-index: 2;
  transition: all 0.1s;
}
body .btn img,
body .btn svg {
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
  fill: white;
}
body .btn img.flechica,
body .btn svg.flechica {
  min-width: 10px;
  width: 10px;
  height: 15px;
  margin-left: 10px;
}
body .btn .count-checks {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  transform: translate(-0.5rem, -0.8rem);
}
body .btn:hover {
  color: white;
  background-color: var(--secondary-light);
}
@media only screen and (min-width: 769px) {
  body .btn:hover {
    transform: translateY(-1px);
  }
  body .btn:hover .flechica {
    transform: translateX(5px);
  }
}
@media only screen and (min-width: 769px) {
  body .btn.btn-center {
    margin: 4.5rem auto 0;
  }
}
body .btn.btn-small {
  font-size: 1.4rem;
  min-height: 35px;
  padding: 1rem 1.5rem;
}
body .btn.btn-small svg {
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
}
@media only screen and (min-width: 1025px) {
  body .btn.btn-small {
    font-size: 1.6rem;
    min-height: 45px;
    padding: 1rem 1.5rem;
  }
}
body .btn.btn-xs {
  font-size: 1.4rem;
  min-height: 30px;
  padding: 1rem;
}
body .btn.btn-xs svg {
  min-width: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
@media only screen and (min-width: 1025px) {
  body .btn.btn-xs {
    min-height: 40px;
    padding: 1rem;
  }
}
body .btn.btn-inverse {
  background-color: var(--primary);
}
body .btn.btn-inverse:hover {
  background-color: var(--primary-light);
}
body .btn.btn-blanco {
  color: var(--secondary);
  background-color: white;
}
body .btn.btn-blanco:hover {
  color: white;
  background-color: var(--secondary-light);
}
body .btn.btn-info {
  background-color: var(--info);
  color: white;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
body .btn.btn-info:hover {
  color: var(--info);
  background-color: white;
  border-color: var(--info);
}
body .btn.btn-info:hover svg {
  fill: var(--info);
}
body .btn.btn-outline-info, body .btn.btn-outline-verde, body .btn.btn-outline-rojo {
  border: 2px solid;
  border-bottom: 3px solid;
}
body .btn.btn-outline-info {
  color: var(--info);
  background-color: white;
  border-color: var(--info);
}
body .btn.btn-outline-info svg {
  fill: var(--info);
}
body .btn.btn-outline-info:hover {
  color: var(--primary);
  border-color: var(--primary);
}
body .btn.btn-outline-info:hover svg {
  fill: var(--primary);
}
body .btn.btn-outline-verde {
  color: var(--secondary);
  background-color: white;
  border-color: var(--secondary);
}
body .btn.btn-outline-verde svg {
  fill: var(--secondary);
}
body .btn.btn-outline-verde:hover {
  color: var(--primary);
  border-color: var(--primary);
}
body .btn.btn-outline-verde:hover svg {
  fill: var(--primary);
}
body .btn.btn-outline-rojo {
  color: var(--primary);
  background-color: white;
  border-color: var(--primary);
}
body .btn.btn-outline-rojo svg {
  fill: var(--primary);
}
body .btn.btn-outline-rojo:hover {
  color: var(--secondary);
  border-color: var(--secondary);
}
body .btn.btn-outline-rojo:hover svg {
  fill: var(--secondary);
}
body .btn.btn-icon-r {
  padding-right: 1rem;
}
@media only screen and (min-width: 1025px) {
  body .btn.btn-icon-r {
    padding-right: 1.5rem;
  }
}
body .btn.btn-icon-r svg,
body .btn.btn-icon-r img {
  margin-left: 10px;
}
body .btn.btn-icon-r.btn-small svg,
body .btn.btn-icon-r.btn-small img {
  margin-left: 0.5rem;
}
body .btn.btn-icon-l {
  padding-left: 1rem;
}
@media only screen and (min-width: 1025px) {
  body .btn.btn-icon-l {
    padding-left: 1.5rem;
  }
}
body .btn.btn-icon-l svg,
body .btn.btn-icon-l img {
  margin-right: 10px;
}
body .btn.btn-icon-l.btn-small svg,
body .btn.btn-icon-l.btn-small img {
  margin-right: 0.5rem;
}
body .btn.btn-danger-filtros {
  border: 2px solid var(--danger);
  border-bottom: 3px solid var(--danger);
  color: var(--danger-light);
  background-color: rgba(245, 24, 72, 0.1);
}
body .btn.btn-danger-filtros svg {
  fill: var(--danger-light);
}
body .btn.btn-danger-filtros:hover {
  filter: brightness(150%);
}
body .tabs-content:not(.active) {
  display: none;
}
body .a-link {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  font-size: 1.6rem;
  color: var(--secondary);
  text-decoration: underline;
  font-weight: 700;
  line-height: 115%;
}
body .a-link svg {
  margin-left: 0.3rem;
  width: 1rem;
  height: 1rem;
  fill: var(--secondary);
}
body .a-link:hover {
  color: var(--primary);
}
body .a-link:hover svg {
  fill: var(--primary);
}
body .a-link:hover svg.flechica {
  transform: translateX(0.5rem);
}
body .a-link.blanco {
  color: white;
}
body .a-link.blanco svg {
  fill: white;
}
body .a-link.small {
  font-size: 1.4rem;
}
body .a-tooltip {
  /* display: none; */
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 0.5rem;
}
body .a-tooltip svg {
  width: 2rem;
  height: 2rem;
  fill: var(--secondary);
}
body .a-tooltip:hover svg {
  fill: var(--body);
}
body #ot-sdk-cookie-policy {
  display: none;
}

.text-tooltip {
  pointer-events: none;
  display: none;
  padding: 1rem;
  border-radius: 1rem;
  position: absolute;
  width: 25ch;
  background-color: var(--body-title);
  color: white;
  font-size: 1.3rem;
  text-align: left;
  z-index: 350;
}
@media only screen and (min-width: 769px) {
  .text-tooltip {
    width: 30ch;
    padding: 1rem 1.2rem;
    border-radius: 2rem;
  }
}
.text-tooltip:before {
  content: "";
  display: block;
  background-color: var(--body-title);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  height: 0.6rem;
  position: absolute;
  left: 50%;
  top: calc(100% - 2px);
  transform: translateX(-50%);
  width: 1.2rem;
}

#bngTooltip {
  font-style: italic;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  position: absolute;
  display: none;
}

.input-field,
.input-check,
.input-btn {
  margin-top: 2rem;
  width: 100%;
}

select {
  cursor: pointer;
}

.input-field {
  display: grid;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.input-field input,
.input-field select,
.input-field textarea {
  margin: 0;
  padding: 0 1.5rem;
  border: none;
  font-family: var(--font-body);
  font-size: 1.4rem;
  line-height: 115%;
  background-color: white;
  min-height: 4.5rem;
  border-radius: 4rem;
  border: 1px solid var(--primary-40);
  border-bottom: 2px solid var(--primary-60);
  box-shadow: 0 1px 3px var(--primary-20);
  order: 2;
  transition: all 0.15s ease-in-out;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1025px) {
  .input-field input,
  .input-field select,
  .input-field textarea {
    min-height: 3.5rem;
  }
}
@media only screen and (max-width: 500px) {
  .input-field input,
  .input-field select,
  .input-field textarea {
    min-height: 3.5rem;
  }
}
.input-field input:not(.input-search):focus,
.input-field select:not(.input-search):focus,
.input-field textarea:not(.input-search):focus {
  border-color: var(--primary);
  box-shadow: 0 1px 3px var(--primary-40);
}
.input-field input:not(.input-search):focus + label, .input-field input:not(.input-search):focus + * + label,
.input-field select:not(.input-search):focus + label,
.input-field select:not(.input-search):focus + * + label,
.input-field textarea:not(.input-search):focus + label,
.input-field textarea:not(.input-search):focus + * + label {
  color: var(--primary);
}
.input-field label {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--body);
  display: block;
  width: 100%;
  margin-bottom: 0.6rem;
  grid-column: max-content;
  grid-column-start: 1;
  grid-column-end: 2;
  order: 1;
  transition: all 0.15s ease-in-out;
}
@media only screen and (min-width: 1025px) {
  .input-field label {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .input-field.input-2 input:not(:first-child),
  .input-field.input-2 select:not(:first-child),
  .input-field.input-2 textarea:not(:first-child), .input-field.input-3 input:not(:first-child),
  .input-field.input-3 select:not(:first-child),
  .input-field.input-3 textarea:not(:first-child), .input-field.input-4 input:not(:first-child),
  .input-field.input-4 select:not(:first-child),
  .input-field.input-4 textarea:not(:first-child) {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 769px) {
  .input-field.input-2 {
    grid-template-columns: 1fr 1fr;
  }
  .input-field.input-2 label {
    grid-column-end: 3;
  }
}

.input-check {
  display: block;
  margin-top: 0;
}
.input-check:not(:last-child) {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--negro-25);
}
.input-check label {
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
}
.input-check label input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  transform-origin: left top;
  transform: scale(1.4) translateY(2px);
}
.input-check label input:checked + span {
  color: var(--primary);
  text-decoration: underline;
}
.input-check label span {
  font-size: 1.4rem;
  color: var(--body);
}
.input-check label span a {
  font-weight: 700;
}

.input-btn {
  text-align: center;
}
.input-btn .btn {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .input-btn .btn {
    width: 100%;
  }
}

/*Inputs para buscador y filtros*/
.input-field-search {
  position: relative;
}
.input-field-search .search-icon {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  top: 1.5rem;
  left: 1rem;
  fill: var(--body);
  width: 2rem;
  height: 2rem;
}
.input-field-search .input-search {
  font-family: var(--font-title);
  font-size: 1.6rem;
  color: var(--body);
  line-height: 100%;
  background-color: var(--blanco-85);
  border-radius: 3rem;
  padding-left: 3.5rem;
  padding-right: 1rem;
  width: 100%;
  height: 5rem;
  border: none;
  border-bottom: 2px solid var(--negro-30);
  box-shadow: 0 0 6px var(--secondary-50);
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 1024px) {
  .input-field-search .input-search {
    height: 4.5rem;
    font-size: 1.4rem;
  }
}
.input-field-search .input-search::-moz-placeholder {
  color: var(--body-light);
}
.input-field-search .input-search::placeholder {
  color: var(--body-light);
}
.input-field-search .input-search:focus {
  background-color: white;
  box-shadow: 0 0 14px var(--primary-50);
}
.input-field-search .input-search:focus + #search-icon {
  fill: var(--body);
}
.input-field-search .input-search:focus::-moz-placeholder {
  color: var(--body);
}
.input-field-search .input-search:focus::placeholder {
  color: var(--body);
}
.input-field-search .input-search.small {
  height: 3.5rem;
  font-size: 1.4rem;
}
.input-field-search .btn-filter,
.input-field-search .btn-search {
  font-family: var(--font-title);
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 2px solid var(--negro-30);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: -0.5rem;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  align-self: stretch;
  transition: all 0.15s ease-in-out;
}
@media only screen and (max-width: 1024px) {
  .input-field-search .btn-filter,
  .input-field-search .btn-search {
    font-size: 1.4rem;
  }
}
.input-field-search .btn-filter svg,
.input-field-search .btn-search svg {
  width: 2rem;
  height: 2rem;
}
.input-field-search .btn-filter:hover svg,
.input-field-search .btn-search:hover svg {
  fill: white;
}
.input-field-search .btn-filter {
  color: var(--secondary);
  font-size: 1.4rem;
  font-weight: 700;
  background-color: white;
  background: white;
  background: linear-gradient(to bottom, white, var(--fondo-clarito-2));
  border-radius: 0;
  border: 2px solid var(--negro-30);
  border-right: none;
  box-shadow: -2px 0 0 var(--negro-10);
}
.input-field-search .btn-filter svg {
  margin-right: 1rem;
  fill: var(--secondary);
}
.input-field-search .btn-filter:hover {
  color: var(--primary);
}
.input-field-search .btn-filter:hover svg {
  fill: var(--primary);
}
.input-field-search .btn-search {
  color: white;
  background-color: var(--secondary);
  border-radius: 0 3rem 3rem 0;
}
.input-field-search .btn-search svg {
  margin-left: 0.5rem;
  fill: white;
}
.input-field-search .btn-search:hover {
  background-color: var(--secondary-light);
}
.input-field-search .btn-search:hover svg {
  transform: translateX(0.5rem);
}
.input-field-search.mas-btn, .input-field-search.filtro-btn {
  display: grid;
}
.input-field-search.mas-btn .input-search, .input-field-search.filtro-btn .input-search {
  border-radius: 3rem 0 0 3rem;
}
@media only screen and (max-width: 500px) {
  .input-field-search.mas-btn svg, .input-field-search.filtro-btn svg {
    margin: 0 !important;
  }
  .input-field-search.mas-btn .txt, .input-field-search.filtro-btn .txt {
    display: none;
  }
}
.input-field-search.mas-btn.mas-btn, .input-field-search.filtro-btn.mas-btn {
  grid-template-columns: auto max-content;
}
.input-field-search.mas-btn.filtro-btn, .input-field-search.filtro-btn.filtro-btn {
  grid-template-columns: auto max-content max-content;
}
.input-field-search.mas-btn.filtro-btn .a-filtro-avanzado, .input-field-search.filtro-btn.filtro-btn .a-filtro-avanzado {
  margin-left: 1rem;
}
@media only screen and (max-width: 500px) {
  .input-field-search.mas-btn.filtro-btn .a-filtro-avanzado, .input-field-search.filtro-btn.filtro-btn .a-filtro-avanzado {
    min-width: 4.5rem;
    width: 4.5rem;
    height: 4.5rem;
    padding: 0;
  }
}

.input-search {
  background-image: url(../../images/icons/i-search.svg);
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: 1rem center;
}

/*Inputs para buscador y filtros*/
.modal-opobusca, .modal-alertas-opobusca, .modal-cupon-opobusca {
  display: none;
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
  background-color: var(--blanco-80);
  backdrop-filter: blur(2px);
}
@media only screen and (min-width: 1025px) {
  .modal-opobusca, .modal-alertas-opobusca, .modal-cupon-opobusca {
    padding: 2rem;
  }
}
.modal-opobusca .container-modal, .modal-alertas-opobusca .container-modal, .modal-cupon-opobusca .container-modal {
  padding: 3rem 1rem 1rem 1rem;
  max-width: 80rem;
  height: auto;
  max-height: 100%;
  position: relative;
  background-color: white;
  border-radius: 1rem;
  border: 0.3rem solid var(--negro-10);
  overflow-y: auto;
  transform-origin: center center;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 769px) {
  .modal-opobusca .container-modal, .modal-alertas-opobusca .container-modal, .modal-cupon-opobusca .container-modal {
    padding: 3rem 2rem 2rem 2rem;
  }
}
.modal-opobusca .container-modal .close-modal, .modal-alertas-opobusca .container-modal .close-modal, .modal-cupon-opobusca .container-modal .close-modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.modal-opobusca .container-modal .close-modal svg, .modal-alertas-opobusca .container-modal .close-modal svg, .modal-cupon-opobusca .container-modal .close-modal svg {
  width: 3rem;
  height: 3rem;
  fill: var(--body);
}
@media only screen and (min-width: 1025px) {
  .modal-opobusca .container-modal .close-modal, .modal-alertas-opobusca .container-modal .close-modal, .modal-cupon-opobusca .container-modal .close-modal {
    top: 1.5rem;
    right: 1.5rem;
  }
  .modal-opobusca .container-modal .close-modal svg, .modal-alertas-opobusca .container-modal .close-modal svg, .modal-cupon-opobusca .container-modal .close-modal svg {
    height: 4rem;
    height: 4rem;
  }
}
.modal-opobusca .container-modal .close-modal.close-modal-btn .txt-btn, .modal-alertas-opobusca .container-modal .close-modal.close-modal-btn .txt-btn, .modal-cupon-opobusca .container-modal .close-modal.close-modal-btn .txt-btn {
  width: -moz-max-content;
  width: max-content;
  color: var(--primary);
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.modal-opobusca .container-modal .close-modal.close-modal-btn .txt-btn svg, .modal-alertas-opobusca .container-modal .close-modal.close-modal-btn .txt-btn svg, .modal-cupon-opobusca .container-modal .close-modal.close-modal-btn .txt-btn svg {
  width: 2.2rem;
  height: 2.2rem;
  fill: var(--primary);
}
@media only screen and (max-width: 500px) {
  .modal-opobusca .container-modal .close-modal.close-modal-btn .txt-btn svg, .modal-alertas-opobusca .container-modal .close-modal.close-modal-btn .txt-btn svg, .modal-cupon-opobusca .container-modal .close-modal.close-modal-btn .txt-btn svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}
@media only screen and (min-width: 1025px) {
  .modal-opobusca .container-modal .close-modal.close-modal-btn:hover .txt-btn, .modal-alertas-opobusca .container-modal .close-modal.close-modal-btn:hover .txt-btn, .modal-cupon-opobusca .container-modal .close-modal.close-modal-btn:hover .txt-btn {
    text-decoration: underline;
  }
}
.modal-opobusca .container-modal .title-modal, .modal-alertas-opobusca .container-modal .title-modal, .modal-cupon-opobusca .container-modal .title-modal {
  font-family: var(--font-title);
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 2.4rem;
  display: block;
  width: auto;
  max-width: -moz-max-content;
  max-width: max-content;
  color: var(--primary);
  background-color: white;
  box-shadow: 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
  border-color: var(--primary);
}
@media only screen and (min-width: 769px) {
  .modal-opobusca .container-modal .title-modal, .modal-alertas-opobusca .container-modal .title-modal, .modal-cupon-opobusca .container-modal .title-modal {
    border-radius: 3rem;
    padding: 0.8rem 1.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .modal-opobusca .container-modal .title-modal, .modal-alertas-opobusca .container-modal .title-modal, .modal-cupon-opobusca .container-modal .title-modal {
    border-radius: 1rem;
    padding: 0.8rem 1rem;
  }
}
@media only screen and (max-width: 1024px) {
  .modal-opobusca .container-modal .title-modal, .modal-alertas-opobusca .container-modal .title-modal, .modal-cupon-opobusca .container-modal .title-modal {
    border: 2px solid;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 769px) {
  .modal-opobusca .container-modal .title-modal, .modal-alertas-opobusca .container-modal .title-modal, .modal-cupon-opobusca .container-modal .title-modal {
    border: 3px solid;
  }
}
.modal-opobusca .container-modal .title-modal img, .modal-alertas-opobusca .container-modal .title-modal img, .modal-cupon-opobusca .container-modal .title-modal img {
  width: 3rem;
  height: 3rem;
  position: relative;
  vertical-align: middle;
  transform: translateY(-0.3rem);
}
.modal-opobusca .container-modal .title-modal svg, .modal-alertas-opobusca .container-modal .title-modal svg, .modal-cupon-opobusca .container-modal .title-modal svg {
  margin-right: 0.5rem;
  position: relative;
  vertical-align: middle;
  transform: translateY(-0.2rem);
  fill: var(--primary);
  width: 2rem;
  height: 2rem;
}
.modal-opobusca .container-modal .subtitle, .modal-alertas-opobusca .container-modal .subtitle, .modal-cupon-opobusca .container-modal .subtitle {
  font-weight: 700;
}
.modal-opobusca:not(.open) .container-modal, .modal-alertas-opobusca:not(.open) .container-modal, .modal-cupon-opobusca:not(.open) .container-modal {
  transform: scale(0.3);
  opacity: 0;
}
.modal-opobusca.modal-filtros-principal .container-modal, .modal-alertas-opobusca.modal-filtros-principal .container-modal, .modal-cupon-opobusca.modal-filtros-principal .container-modal {
  overflow: hidden;
  display: grid;
  grid-template-rows: max-content 90%;
}
.modal-opobusca.modal-filtros-principal .container-modal .borrar-filtros, .modal-alertas-opobusca.modal-filtros-principal .container-modal .borrar-filtros, .modal-cupon-opobusca.modal-filtros-principal .container-modal .borrar-filtros {
  padding-right: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--primary-20);
}
.modal-opobusca.modal-filtros-principal .container-modal .borrar-filtros a, .modal-alertas-opobusca.modal-filtros-principal .container-modal .borrar-filtros a, .modal-cupon-opobusca.modal-filtros-principal .container-modal .borrar-filtros a {
  margin-left: auto;
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 1.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: var(--secondary);
}
.modal-opobusca.modal-filtros-principal .container-modal .borrar-filtros a svg, .modal-alertas-opobusca.modal-filtros-principal .container-modal .borrar-filtros a svg, .modal-cupon-opobusca.modal-filtros-principal .container-modal .borrar-filtros a svg {
  width: 2rem;
  height: 2rem;
  fill: var(--primary);
}
.modal-opobusca.modal-filtros-principal .container-modal .filtros-buscador, .modal-alertas-opobusca.modal-filtros-principal .container-modal .filtros-buscador, .modal-cupon-opobusca.modal-filtros-principal .container-modal .filtros-buscador {
  overflow-y: auto;
  padding-top: 2rem;
  display: grid;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  padding-bottom: 3rem;
}
@media only screen and (min-width: 1025px) {
  .modal-opobusca.modal-filtros-principal .container-modal .filtros-buscador.filtros-buscador-2, .modal-alertas-opobusca.modal-filtros-principal .container-modal .filtros-buscador.filtros-buscador-2, .modal-cupon-opobusca.modal-filtros-principal .container-modal .filtros-buscador.filtros-buscador-2 {
    grid-template-columns: 1fr 1fr;
  }
}
.modal-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check, .modal-alertas-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check, .modal-cupon-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check {
  padding-left: 1.5rem;
}
.modal-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check:not(:last-child), .modal-alertas-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check:not(:last-child), .modal-cupon-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check:not(:last-child) {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--negro-10);
}
.modal-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check input, .modal-alertas-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check input, .modal-cupon-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check input {
  filter: drop-shadow(0 1px 1px var(--negro-25));
}
.modal-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check input:checked + span, .modal-alertas-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check input:checked + span, .modal-cupon-opobusca.modal-filtros-principal .container-modal .filtros-buscador .input-check input:checked + span {
  color: var(--secondary);
}
.modal-opobusca#modal-cupon, .modal-alertas-opobusca#modal-cupon, .modal-cupon-opobusca#modal-cupon {
  background: #534769;
  background: linear-gradient(to bottom left, rgba(83, 71, 105, 0.98), rgba(33, 28, 44, 0.98));
}
.modal-opobusca#modal-cupon .container-modal-cupon, .modal-alertas-opobusca#modal-cupon .container-modal-cupon, .modal-cupon-opobusca#modal-cupon .container-modal-cupon {
  max-width: initial;
  height: 100%;
  background: none;
  border: none;
  padding: 0;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  overflow-x: hidden;
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-cupon .container-modal-cupon, .modal-alertas-opobusca#modal-cupon .container-modal-cupon, .modal-cupon-opobusca#modal-cupon .container-modal-cupon {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-cupon .container-modal-cupon .close-modal, .modal-alertas-opobusca#modal-cupon .container-modal-cupon .close-modal, .modal-cupon-opobusca#modal-cupon .container-modal-cupon .close-modal {
    position: absolute;
    top: 2rem;
    right: 1.5rem;
    margin-left: auto;
    margin-top: -1rem;
    margin-bottom: 0.5rem;
    z-index: 2147483648;
  }
}
.modal-opobusca#modal-cupon .container-modal-cupon .close-modal svg, .modal-alertas-opobusca#modal-cupon .container-modal-cupon .close-modal svg, .modal-cupon-opobusca#modal-cupon .container-modal-cupon .close-modal svg {
  fill: white;
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-cupon .container-modal-cupon .close-modal svg, .modal-alertas-opobusca#modal-cupon .container-modal-cupon .close-modal svg, .modal-cupon-opobusca#modal-cupon .container-modal-cupon .close-modal svg {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.modal-opobusca#modal-cupon .container-modal-cupon #cupon, .modal-alertas-opobusca#modal-cupon .container-modal-cupon #cupon, .modal-cupon-opobusca#modal-cupon .container-modal-cupon #cupon {
  margin: 0;
  position: relative;
  top: inherit;
  left: inherit;
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-cupon .container-modal-cupon #cupon, .modal-alertas-opobusca#modal-cupon .container-modal-cupon #cupon, .modal-cupon-opobusca#modal-cupon .container-modal-cupon #cupon {
    max-width: 100%;
  }
}
.modal-opobusca#modal-cupon .container-modal-cupon #cupon .container-cupon, .modal-alertas-opobusca#modal-cupon .container-modal-cupon #cupon .container-cupon, .modal-cupon-opobusca#modal-cupon .container-modal-cupon #cupon .container-cupon {
  border: 2px solid white;
  background-color: var(--primary);
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-cupon .container-modal-cupon #cupon .container-cupon, .modal-alertas-opobusca#modal-cupon .container-modal-cupon #cupon .container-cupon, .modal-cupon-opobusca#modal-cupon .container-modal-cupon #cupon .container-cupon {
    border: none;
    padding: 0;
    background: none;
  }
}

.container-acordeones .acordeon {
  border-radius: 0.6rem;
  background-color: white;
  border: 1px solid var(--primary-30);
  border-bottom: 2px solid var(--primary-30);
  overflow: hidden;
  box-shadow: 0 1px 3px var(--negro-15);
}
.container-acordeones .acordeon:not(:last-child) {
  margin-bottom: 0.6rem;
}
.container-acordeones .acordeon input {
  cursor: pointer;
}
.container-acordeones .acordeon .titulo-acordeon {
  -webkit-appearance: button;
  cursor: pointer;
  display: block;
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
}
.container-acordeones .acordeon .titulo-acordeon:hover {
  background-color: var(--primary-10);
}
.container-acordeones .acordeon .titulo-acordeon input:checked + .txt {
  color: var(--secondary);
}
.container-acordeones .acordeon .titulo-acordeon .star {
  color: var(--secondary);
}
.container-acordeones .acordeon .titulo-acordeon .txt {
  color: var(--body);
  font-size: 1.5rem;
  font-weight: 700;
}
.container-acordeones .acordeon .titulo-acordeon .open-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  width: 1.6rem;
  height: 1.6rem;
}
.container-acordeones .acordeon .titulo-acordeon .open-close span {
  transition: all 0.2s ease-in-out;
  width: 1.6rem;
  height: 0.3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--primary);
}
.container-acordeones .acordeon .titulo-acordeon .open-close span:nth-child(1) {
  transform: translate(-50%, -50%);
}
.container-acordeones .acordeon .titulo-acordeon .open-close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}
.container-acordeones .acordeon .titulo-acordeon::marker {
  display: none;
}
.container-acordeones .acordeon .titulo-acordeon.titulo-txt .txt {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1025px) {
  .container-acordeones .acordeon .titulo-acordeon.titulo-txt .txt {
    font-size: 1.8rem;
  }
}
.container-acordeones .acordeon .container-acordeon {
  padding-left: 2rem;
  background-color: var(--primary-10);
}
.container-acordeones .acordeon .container-acordeon label {
  cursor: pointer;
  display: block;
  padding: 1rem;
}
.container-acordeones .acordeon .container-acordeon label input:checked + span {
  color: var(--secondary);
}
.container-acordeones .acordeon .container-acordeon label span {
  color: var(--primary);
  font-size: 1.4rem;
  font-weight: 700;
}
.container-acordeones .acordeon .container-acordeon.container-txt {
  padding: 1.5rem 1rem;
}
.container-acordeones .acordeon[open] {
  border-color: var(--primary-50);
}
.container-acordeones .acordeon[open] .titulo-acordeon .open-close span {
  background-color: var(--secondary);
}
.container-acordeones .acordeon[open] .titulo-acordeon .open-close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(0);
  opacity: 0;
}

.youtube-player:hover img {
  filter: brightness(0.5);
}

.container-video,
.embed-container,
.youtube-player {
  position: relative;
  padding-bottom: 54%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background-color: var(--negro-90);
  box-shadow: var(--box-shadow-15);
}
.container-video .play,
.embed-container .play,
.youtube-player .play {
  cursor: pointer;
  height: 5.5rem;
  width: 7.2rem;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--negro-80);
  border-radius: 0.9rem;
}
.container-video .play .arrow-right,
.embed-container .play .arrow-right,
.youtube-player .play .arrow-right {
  width: 0;
  height: 0;
  border-top: 1.2rem solid transparent;
  border-bottom: 1.2rem solid transparent;
  border-left: 2rem solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.container-video img,
.embed-container img,
.youtube-player img {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  transition: all 0.1s ease-in-out;
}
.container-video iframe,
.embed-container iframe,
.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.container-video + .title-page, .container-video + .title-section,
.embed-container + .title-page,
.embed-container + .title-section,
.youtube-player + .title-page,
.youtube-player + .title-section {
  margin-top: 3.5rem;
}

.youtube-player:hover .play {
  background-color: red;
}

#solicitaInfoMovil {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 999;
  margin-left: auto;
  right: 1rem;
  bottom: 1rem;
  width: -moz-max-content;
  width: max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  font-size: 1.2rem;
  border: 2px solid white;
  box-shadow: 0 2px 10px var(--negro-40);
}
#solicitaInfoMovil:hover {
  background-color: var(--info);
  color: white;
}
@media only screen and (min-width: 1025px) {
  #solicitaInfoMovil {
    display: none !important;
  }
}

.lista-requisitos-pruebas ul {
  list-style: disc;
  padding: 10px 0 10px 20px;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(-5px);
  }
}
.m-select-d-box, .m-select-d-box-fade {
  z-index: 2147483647;
}

.form-texto-legal-wrapper {
  background: #fff;
  border: 0.1rem solid #ededed;
  border-radius: 0.4rem;
  padding: 0.6rem;
  height: 5.2rem;
  /* --------
  /* El margen puede variar dependiendo de la pagina o la landing. Echar un vistazo y en caso de que no haga falta
  /*, quitar, o ajustar lo siguiente (OJO!, no quitar de aqui, quitar en el general de cada pagina o landing)
  /* -------- */
  margin-top: 2rem;
}
.form-texto-legal-wrapper .form-text-legal {
  height: 100%;
  overflow-y: auto;
  padding-right: 1.4rem;
  width: 100%;
}
.form-texto-legal-wrapper .form-text-legal p {
  color: #5e5454;
  font: 400 1.2rem/1.6rem "Montserrat";
}
.form-texto-legal-wrapper .form-text-legal p a {
  color: #ff5b41;
  font-weight: 600;
  text-decoration: underline;
}

.lds-default {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
}
.lds-default div {
  position: absolute;
  width: 2.25px;
  height: 2.25px;
  background: #167387;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 13.875px;
  left: 24.75px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 8.25px;
  left: 23.25px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 4.125px;
  left: 19.5px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 2.625px;
  left: 13.875px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 4.125px;
  left: 8.25px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 8.25px;
  left: 4.125px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 13.875px;
  left: 2.625px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 19.5px;
  left: 4.125px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 23.25px;
  left: 8.25px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 24.75px;
  left: 13.875px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 23.25px;
  left: 19.5px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 19.5px;
  left: 23.25px;
}

@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.375);
  }
}
@media only screen and (min-width: 1025px) {
  .miguitas-sm {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .miguitas-lg {
    display: none;
  }
}

.breadcrumbs {
  background-color: var(--fondo-clarito);
  padding: 1rem 0;
  border-top: 2px solid var(--negro-15);
}
@media only screen and (min-width: 1025px) {
  .breadcrumbs {
    border-bottom: 2px solid var(--negro-15);
  }
}
.breadcrumbs .breadcrumb-url {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.breadcrumbs .breadcrumb-url li {
  position: relative;
  margin-right: 1rem;
  padding-right: 1rem;
  line-height: 100%;
}
.breadcrumbs .breadcrumb-url li a, .breadcrumbs .breadcrumb-url li span {
  display: block;
  font-size: 1.2rem;
  color: var(--body-med);
  text-decoration: none;
  font-weight: 500;
  line-height: 120%;
}
@media only screen and (max-width: 768px) {
  .breadcrumbs .breadcrumb-url li a, .breadcrumbs .breadcrumb-url li span {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (min-width: 1501px) {
  .breadcrumbs .breadcrumb-url li a, .breadcrumbs .breadcrumb-url li span {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1025px) {
  .breadcrumbs .breadcrumb-url li a:hover {
    text-decoration: underline;
  }
}
.breadcrumbs .breadcrumb-url li:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 1px;
  height: 15px;
  background-color: var(--body-light);
  transform-origin: center center;
  transform: rotate(10deg) translateY(-50%);
}
.breadcrumbs .breadcrumb-url li.actual {
  opacity: 0.7;
  margin-right: 0;
  padding-right: 0;
}
.breadcrumbs .breadcrumb-url li.actual:after {
  display: none;
}

.headerPagina {
  box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.05);
  position: sticky !important;
  position: -webkit-sticky !important;
  top: -36px;
  z-index: 300;
  border-bottom: 2px solid var(--negro-15);
  background-color: #ffffff;
}
.headerPagina.sin {
  top: 0;
}
@media only screen and (max-width: 1024px) {
  .headerPagina {
    top: 0;
  }
  .headerPagina .container-menu {
    height: 80px;
  }
}
.headerPagina .prehead-alertas {
  background-color: var(--primary-light-10);
  font-size: 1.2rem;
  border-bottom: 1px solid var(--negro-10);
}
@media only screen and (max-width: 1024px) {
  .headerPagina .prehead-alertas {
    display: none;
  }
}
.headerPagina .prehead-alertas .container {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 35px;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.headerPagina .prehead-alertas .cerrar {
  margin-right: 10px;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 100%;
  box-shadow: 0.5px 1.5px 1px var(--negro-30);
}
.headerPagina .prehead-alertas .cerrar svg {
  fill: var(--primary-light);
  width: 10px;
  height: 10px;
}
.headerPagina .prehead-alertas .cerrar:hover {
  background-color: var(--primary-light);
}
.headerPagina .prehead-alertas .cerrar:hover svg {
  fill: white;
}
.headerPagina .prehead-alertas .txt {
  color: var(--primary-light);
}
.headerPagina .prehead-alertas .alertas-opobusca {
  text-transform: uppercase;
  color: var(--secondary);
  background-color: white;
  border: 2px solid var(--secondary-light);
  border-radius: 20px;
  padding: 2px 5px 2px 8px;
  margin-left: 10px;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.headerPagina .prehead-alertas .alertas-opobusca .campanica {
  fill: var(--secondary-light);
  width: 16px;
  height: 16px;
  transform-origin: center center;
  margin-left: 5px;
}
.headerPagina .prehead-alertas .alertas-opobusca:hover {
  color: var(--primary);
  border-color: var(--primary-light);
}
.headerPagina .prehead-alertas .alertas-opobusca:hover .campanica {
  fill: var(--primary-light);
  animation-duration: 2s;
  animation-name: campanica;
  animation-iteration-count: infinite;
}
@keyframes campanica {
  0% {
    transform: rotate(0) translate(0, 0) scale(1);
    filter: blur(0);
  }
  10% {
    transform: rotate(20deg) translate(2px, -2px) scale(1.1);
    filter: blur(1px);
  }
  15% {
    transform: rotate(-40deg) translate(-1px, -4px) scale(1);
    filter: blur(1px);
  }
  25% {
    transform: rotate(20deg) translate(1px, -1px) scale(1);
    filter: blur(0);
  }
  50% {
    transform: rotate(0) translate(0, 0) scale(1);
    filter: blur(0);
  }
  70% {
    transform: rotate(0) translate(0, 0) scale(1);
    filter: blur(0);
  }
}
.headerPagina .container-menu {
  display: grid;
  grid-template-columns: max-content auto max-content;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media only screen and (max-width: 1024px) {
  .headerPagina .container-menu {
    align-items: center;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .container-menu {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (min-width: 1281px) {
  .headerPagina .container-menu {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
.headerPagina .container-menu .menu-movil {
  position: relative;
  width: 5rem;
  height: 5rem;
  background-color: white;
  border-radius: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  border: 2px solid var(--negro-15);
}
@media only screen and (min-width: 1025px) {
  .headerPagina .container-menu .menu-movil {
    display: none;
  }
}
.headerPagina .container-menu .menu-movil span {
  width: 2.5rem;
  height: 0.3rem;
  background-color: var(--body);
  margin-bottom: 0.4rem;
  transition: all 0.3s ease-in-out;
  transform-origin: center center;
}
.headerPagina .container-menu .menu-movil span:last-child {
  margin-bottom: 0;
}
.headerPagina .container-menu .menu-movil.open {
  background-color: var(--fondo-clarito);
}
.headerPagina .container-menu .menu-movil.open span {
  margin: 0;
}
.headerPagina .container-menu .menu-movil.open span:nth-child(1),
.headerPagina .container-menu .menu-movil.open span:nth-child(3) {
  position: absolute;
}
.headerPagina .container-menu .menu-movil.open span:nth-child(1) {
  transform: rotate(45deg);
}
.headerPagina .container-menu .menu-movil.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.headerPagina .container-menu .menu-movil.open span:nth-child(2) {
  display: none;
}
.headerPagina .container-menu .logo-brand {
  min-width: 19rem;
  width: 19rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .headerPagina .container-menu .logo-brand {
    margin-right: auto;
    margin-left: 1.5rem;
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .container-menu .logo-brand {
    min-width: 15rem;
    width: 15rem;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1281px) {
  .headerPagina .container-menu .logo-brand {
    min-width: 19rem;
    width: 19rem;
  }
}
.headerPagina .container-menu .txt-brand {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .headerPagina .container-menu .txt-brand {
    align-self: stretch;
    margin-right: auto;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: center;
    padding: 0 1.5rem;
  }
}
.headerPagina .container-menu .txt-brand .p-txt-brand {
  color: var(--body-med);
  font-size: 1.3rem;
  line-height: 100%;
  margin-top: 8px;
}
.headerPagina .container-menu .txt-brand .p-txt-brand a {
  text-decoration: underline;
  font-weight: 700;
}
.headerPagina .container-menu .txt-brand .p-txt-brand a:hover {
  text-decoration: underline;
}
.headerPagina .container-menu #solicitaInfoHeader svg, .headerPagina .container-menu .solicitaInfoHeader svg {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .headerPagina .container-menu #solicitaInfoHeader, .headerPagina .container-menu .solicitaInfoHeader {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .container-menu #solicitaInfoHeader, .headerPagina .container-menu .solicitaInfoHeader {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 1281px) {
  .headerPagina .container-menu #solicitaInfoHeader, .headerPagina .container-menu .solicitaInfoHeader {
    font-size: 1.4rem;
  }
  .headerPagina .container-menu #solicitaInfoHeader svg, .headerPagina .container-menu .solicitaInfoHeader svg {
    display: block;
  }
}
@media only screen and (min-width: 1501px) {
  .headerPagina .container-menu #solicitaInfoHeader svg, .headerPagina .container-menu .solicitaInfoHeader svg {
    width: 3rem;
    height: 3rem;
  }
}
.headerPagina .container-menu .btn-alerta-sm {
  padding: 1rem;
  border-radius: 100%;
  border: none;
  min-width: 5rem;
  width: 5rem;
  height: 5rem;
  min-height: 5rem;
  background-color: white;
  border: 2px solid var(--negro-15);
}
@media only screen and (min-width: 1025px) {
  .headerPagina .container-menu .btn-alerta-sm {
    display: none;
  }
}
.headerPagina .container-menu .btn-alerta-sm .campanica {
  width: 3rem;
  height: 3rem;
  transform-origin: center center;
  transition: all 0.5s ease-in-out;
  margin: 0 auto;
}
.headerPagina .nav-menu {
  position: relative;
  z-index: 20;
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu {
    background-color: var(--negro-80);
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    height: calc(100vh - 80px);
    overflow-y: auto;
    opacity: 0;
    overflow-x: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu {
    width: 100%;
    align-self: flex-end;
  }
}
.headerPagina .nav-menu ul li a {
  font-weight: 700;
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu {
    display: flex;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu {
    width: 100%;
    height: auto;
    min-height: 100%;
    background-color: white;
    transition: all 0.6s ease-in-out;
    transform: translateX(100%);
  }
}
.headerPagina .nav-menu .ul-menu li {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu li {
    width: 100%;
    border-bottom: 1px solid var(--negro-15);
  }
}
.headerPagina .nav-menu .ul-menu li .menu-item {
  font-size: 1.8rem;
  line-height: 120%;
  position: relative;
  height: 6rem;
  padding: 0 1.2rem;
  color: var(--body-title);
  text-transform: uppercase;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .menu-item {
    border-bottom: 3px solid transparent;
    height: 40px;
    padding: 0 0.5rem;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    text-shadow: none;
    justify-content: center;
  }
  .headerPagina .nav-menu .ul-menu li .menu-item:hover {
    color: var(--secondary);
    border-color: var(--body);
  }
}
@media only screen and (min-width: 1281px) {
  .headerPagina .nav-menu .ul-menu li .menu-item {
    font-size: 1.3rem;
    padding: 0 1rem;
  }
}
@media only screen and (min-width: 1501px) {
  .headerPagina .nav-menu .ul-menu li .menu-item {
    font-size: 1.6rem;
  }
}
.headerPagina .nav-menu .ul-menu li .caret.caret-lg {
  display: none;
  width: 10px;
  height: 6px;
  margin-left: 0.7rem;
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .caret.caret-lg {
    fill: var(--body);
    display: block;
  }
}
.headerPagina .nav-menu .ul-menu li .caret.caret-sm {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 6rem;
  height: 6rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  transition: all 0.3s ease-in-out;
  transform-origin: center center;
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .caret.caret-sm {
    display: none;
  }
}
.headerPagina .nav-menu .ul-menu li .caret.caret-sm.open {
  transform: rotate(180deg);
}
.headerPagina .nav-menu .ul-menu li .caret.caret-sm svg {
  fill: var(--secondary);
  width: 16px;
  height: 16px;
}
.headerPagina .nav-menu .ul-menu li .ul-dropmenu {
  background-color: var(--secondary);
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu {
    display: block !important;
    transition: 0.3s ease-in-out;
    transform-origin: center top;
    opacity: 0;
    position: absolute;
    transform: scaleY(0);
    top: calc(100% - 3px);
    min-width: -moz-max-content;
    min-width: max-content;
    pointer-events: none;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu {
    display: none;
  }
}
.headerPagina .nav-menu .ul-menu li .ul-dropmenu li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid;
  border-color: var(--blanco-15);
}
.headerPagina .nav-menu .ul-menu li .ul-dropmenu li li:last-child {
  border: none;
}
.headerPagina .nav-menu .ul-menu li .ul-dropmenu li a {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  color: white;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 120%;
  text-transform: uppercase;
  padding: 1.4rem 1.2rem;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li a {
    height: 100%;
    font-size: 1.4rem;
    padding: 1.4rem 2rem;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li a:hover {
    background-color: var(--secondary-light);
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li a:hover .flechica {
    transform: translateX(10px);
  }
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li a {
    height: 5rem;
    font-size: 1.4rem;
  }
}
.headerPagina .nav-menu .ul-menu li .ul-dropmenu li a .flechica {
  fill: white;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-left: 10px;
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li a .flechica {
    display: none;
  }
}
.headerPagina .nav-menu .ul-menu li .ul-dropmenu li .caret-sm {
  height: 5rem;
}
.headerPagina .nav-menu .ul-menu li .ul-dropmenu li .caret-sm svg {
  fill: white;
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li.li-dropmenu-2:hover {
    background-color: var(--secondary-light);
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li.li-dropmenu-2:hover .ul-dropmenu-2 {
    opacity: 1;
    pointer-events: all;
  }
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li.li-dropmenu-2 > a:first-child {
    padding-right: 6rem;
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2 {
    min-width: -moz-max-content;
    min-width: max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: var(--primary);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 100%;
    display: block !important;
    transition: 0.3s ease-in-out;
    min-width: 30rem;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2 li {
    border-color: var(--blanco-10);
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2 li a {
    color: white;
    font-size: 1.3rem;
    padding: 1.2rem;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2 li a:hover {
    background-color: var(--blanco-15);
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.two, .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.three {
    display: grid !important;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.two {
    grid-template-columns: repeat(2, max-content);
    max-height: 80vh;
    overflow-y: auto;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.two a {
    font-size: 1.3rem;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.three {
    grid-template-columns: repeat(3, max-content);
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.three a {
    font-size: 1.2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.one-scroll {
    grid-template-columns: repeat(1, 1fr);
    max-height: 80vh;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1501px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.one-scroll {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1900px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.one-scroll {
    grid-template-columns: repeat(3, max-content);
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.two-scroll {
    grid-template-columns: repeat(1, 1fr);
    max-height: 80vh;
    overflow-y: auto;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.two-scroll::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.two-scroll::-webkit-scrollbar-track {
    background: transparent;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.two-scroll::-webkit-scrollbar-thumb {
    background-color: var(--secondary);
    border-radius: 2rem;
    border: 0.2rem solid transparent;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.two-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--secondary-light);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1501px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.two-scroll {
    grid-template-columns: repeat(2, max-content);
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.scroll-orange::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.scroll-orange::-webkit-scrollbar-track {
    background: transparent;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.scroll-orange::-webkit-scrollbar-thumb {
    background-color: var(--secondary);
    border-radius: 2rem;
    border: 0.2rem solid transparent;
  }
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2.scroll-orange::-webkit-scrollbar-thumb:hover {
    background: var(--secondary-light);
  }
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu li .ul-dropmenu-2 {
    background-color: var(--negro-30);
    display: none;
  }
}
.headerPagina .nav-menu .ul-menu li .ul-dropmenu:before {
  content: "";
  display: block;
  background-color: var(--secondary);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  height: 0.6rem;
  left: 1rem;
  position: absolute;
  top: -0.6rem;
  width: 1.2rem;
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu:before {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li .ul-dropmenu.two {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    min-width: 60rem;
  }
}
.headerPagina .nav-menu .ul-menu li.active .menu-item {
  color: var(--secondary);
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li.active .menu-item:hover {
    background: none;
    border-color: transparent;
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li.li-dropmenu:hover .ul-dropmenu {
    transform: scaleY(1);
    opacity: 1;
    pointer-events: all;
  }
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu li.li-dropmenu > a:first-child {
    padding-right: 6rem;
  }
}
.headerPagina .nav-menu .ul-menu li.li-search {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 20;
  top: 0;
  background-color: var(--primary-light-10);
  padding: 1.5rem 1rem;
}
@media only screen and (max-width: 500px) {
  .headerPagina .nav-menu .ul-menu li.li-search {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (min-width: 1025px) {
  .headerPagina .nav-menu .ul-menu li.li-search {
    display: none;
  }
}
.headerPagina .nav-menu .ul-menu li.li-search .formBuscador {
  display: grid;
  grid-template-columns: auto max-content;
  gap: 1rem;
}
.headerPagina .nav-menu .ul-menu li.li-search .formBuscador .input-field-search {
  position: relative;
}
.headerPagina .nav-menu .ul-menu li.li-search .formBuscador .a-filtro-avanzado {
  min-width: 5rem;
  width: 5rem;
  height: 5rem;
  padding: 0;
  border-radius: 100%;
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu li.li-search .formBuscador .a-filtro-avanzado {
    min-width: 4.5rem;
    width: 4.5rem;
    height: 4.5rem;
  }
}
.headerPagina .nav-menu .ul-menu li.li-search .formBuscador .a-filtro-avanzado svg {
  margin: 0;
}
.headerPagina .nav-menu .ul-menu .separator-menu {
  width: 2px;
  height: 10px;
  background-color: white;
  filter: drop-shadow(0.05rem 0.1rem 0.05rem rgba(0, 0, 0, 0.3));
  opacity: 0.4;
}
@media only screen and (max-width: 1024px) {
  .headerPagina .nav-menu .ul-menu .separator-menu {
    display: none;
  }
}
.headerPagina .nav-menu.open {
  pointer-events: all;
  opacity: 1;
}
.headerPagina .nav-menu.open .ul-menu {
  transform: translateX(0);
}

.buscador-principal {
  border-top: 1px solid var(--negro-10);
  background-color: var(--fondo-clarito);
}
.buscador-principal .container-buscador {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .buscador-principal .container-buscador {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.buscador-principal .container-buscador .formBuscador {
  width: 70%;
  margin: 0 auto;
}
@media only screen and (min-width: 1281px) {
  .buscador-principal .container-buscador .formBuscador {
    width: 60%;
  }
}
@media only screen and (min-width: 1501px) {
  .buscador-principal .container-buscador .formBuscador {
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .buscador-principal .container-buscador .formBuscador {
    width: 100%;
  }
}

#modal-alertas .container-modal-alertas .container-acordeones {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1025px) {
  #modal-alertas .container-modal-alertas .input-field:not(.input-2) input {
    /* width: calc(50% - 0.5rem); */
  }
}
#modal-alertas .container-modal-alertas .input-check {
  margin-top: 2rem;
}

body.sin-buscador .headerPagina .buscador-principal {
  display: none !important;
}

/*
* {
  // Estilos de la scrollbar
  scrollbar-width: thin;
  scrollbar-color: var(--secondary) transparent;
}


  *::-webkit-scrollbar-track {
  background: transparent;
  }
*/
.info-bar-header {
  background-color: var(--primary);
  padding: 1rem 0;
}
.info-bar-header > div {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .info-bar-header > div {
    gap: 3rem;
  }
}
.info-bar-header .info-text {
  color: white;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
}
.info-bar-header .info-text a {
  color: white;
  font-weight: 700;
  text-decoration: underline;
}
.info-bar-header .close-info-bar {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}
.info-bar-header .close-info-bar svg {
  fill: white;
  height: 1.4rem;
  stroke: white;
  stroke-width: 0.2rem;
  width: 1.4rem;
}

footer {
  position: relative;
  z-index: 100;
  padding: 5rem 0 3rem 0;
  color: var(--body-light);
  background-color: white;
  border-top: 4px solid var(--negro-10);
}
footer a {
  color: var(--body-light);
}
footer .container .bloques-footer {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
footer .container .bloques-footer .bloque-footer {
  width: 100%;
}
footer .container .bloques-footer .bloque-footer.bloque-footer-certificaciones {
  width: 50%;
}
@media only screen and (min-width: 769px) {
  footer .container .bloques-footer .bloque-footer-enlaces {
    width: 100%;
  }
  footer .container .bloques-footer .bloque-footer.bloque-footer-certificaciones {
    width: 20%;
  }
}
@media only screen and (min-width: 1025px) {
  footer .container .bloques-footer .bloque-footer-info {
    width: 33%;
  }
  footer .container .bloques-footer .bloque-footer-enlaces {
    width: 21%;
  }
}
@media only screen and (min-width: 1281px) {
  footer .container .bloques-footer .bloque-footer-info {
    width: 40%;
  }
  footer .container .bloques-footer .bloque-footer-enlaces {
    width: 18%;
  }
  footer .container .bloques-footer .bloque-footer-certificaciones {
    width: 20%;
  }
}
@media only screen and (max-width: 768px) {
  footer .container .bloques-footer .bloque-footer {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
footer .container .bloques-footer .bloque-footer .footer-header {
  position: relative;
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 2rem;
  color: var(--body-med);
  display: block;
  width: 100%;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid var(--negro-15);
  /*           &.border{
              @include h-titulo-border-color (var(--secondary-light));
            } */
}
@media only screen and (min-width: 1025px) {
  footer .container .bloques-footer .bloque-footer .footer-header {
    font-size: 1.6rem;
  }
}
footer .container .bloques-footer .bloque-footer .footer-header.toggle .caret {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}
@media only screen and (min-width: 769px) {
  footer .container .bloques-footer .bloque-footer .footer-header.toggle .caret {
    display: none;
  }
}
footer .container .bloques-footer .bloque-footer .footer-header.toggle .caret svg {
  fill: var(--secondary);
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
  transform-origin: center center;
}
footer .container .bloques-footer .bloque-footer .footer-header.toggle .caret.open svg {
  transform: rotate(180deg);
}
@media only screen and (max-width: 768px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-info {
    text-align: center;
  }
  footer .container .bloques-footer .bloque-footer.bloque-footer-info .logo-brand {
    margin: 0 auto;
  }
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .logo-brand {
  width: 190px;
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd {
  margin-top: 1.5rem;
  font-size: 1.4rem;
}
@media only screen and (min-width: 1025px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd {
    padding-right: 30px;
  }
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .tel-footer {
  margin-top: 3rem;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media only screen and (min-width: 769px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .tel-footer {
    justify-content: flex-start;
  }
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .tel-footer svg {
  fill: var(--secondary);
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .tel-footer a {
  font-size: 2.6rem;
  font-weight: 700;
  color: var(--secondary);
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .footer-social {
  margin-top: 3rem;
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .footer-social ul {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media only screen and (min-width: 769px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .footer-social ul {
    justify-content: flex-start;
  }
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .footer-social ul li {
  margin-right: 15px;
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .footer-social ul li a svg {
  fill: var(--body-med);
  width: 3rem;
  height: 2.6rem;
}
@media only screen and (min-width: 1025px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .footer-social ul li a:hover svg {
    fill: var(--body-title);
  }
}
footer .container .bloques-footer .bloque-footer.bloque-footer-info .txt-masterd .footer-social ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul {
    display: block !important;
  }
}
footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul {
  list-style: outside disc;
  padding-left: 3rem;
}
footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul li {
  margin-bottom: 1rem;
}
footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul li a {
  font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul li a {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1025px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul li a:hover {
    color: var(--body-title);
    text-decoration: underline;
  }
}
footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul li:last-child {
  margin-bottom: 0;
}
footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul li.ope {
  color: var(--secondary);
}
footer .container .bloques-footer .bloque-footer.bloque-footer-enlaces ul li.ope a {
  color: var(--secondary);
  font-weight: 700;
}
footer .container .bloques-footer .bloque-footer.bloque-footer-certificaciones {
  margin-top: 4rem;
}
@media only screen and (min-width: 1281px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-certificaciones {
    margin-top: 0;
  }
}
footer .container .bloques-footer .bloque-footer.bloque-footer-certificaciones .certificaciones {
  margin-top: 2rem;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 3rem;
  width: 100%;
}
@media only screen and (min-width: 1281px) {
  footer .container .bloques-footer .bloque-footer.bloque-footer-certificaciones .certificaciones {
    grid-template-columns: repeat(2, 1fr);
  }
}
footer .container .bloques-footer .bloque-footer.bloque-footer-certificaciones .certificaciones img {
  max-width: 100%;
  width: 100%;
  height: 8.6rem;
  filter: invert(0.3);
}
footer .container .pie-footer {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 2px solid var(--negro-15);
  text-align: center;
}
footer .container .pie-footer .logo-md-pie {
  max-width: 200px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  footer .container .pie-footer .logo-md-pie {
    display: none;
  }
}
footer .container .pie-footer p {
  line-height: 100%;
  font-size: 1.2rem;
}
footer .container .pie-footer p.p-info-1 a {
  font-weight: 700;
  text-decoration: underline;
}
footer .container .pie-footer p.p-info-2 {
  margin-top: 10px;
  opacity: 0.8;
}

@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container {
    display: grid;
    grid-template-columns: auto 30rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .convocatoria,
.cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .oposicion {
  display: block;
}
.cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .convocatoria {
  font-size: 2rem;
  font-weight: 500;
  color: white;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 1rem;
}
@media only screen and (max-width: 768px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .convocatoria {
    padding: 0.8rem 1rem;
    background-color: var(--secondary);
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 769px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .convocatoria {
    font-size: 2.4rem;
    display: block;
    color: white;
    border-color: white;
    background-color: var(--secondary);
    border-radius: 3rem;
    box-shadow: 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .convocatoria {
    max-width: -moz-max-content;
    max-width: max-content;
    width: auto;
    padding: 0.8rem 1.2rem;
    transform: translate(1.5rem, 1.5rem);
    margin-top: -1.5rem;
  }
}
@media only screen and (min-width: 769px) and (max-width: 768px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .convocatoria {
    max-width: 100%;
    transform: none;
    padding: 0.8rem 1rem;
    margin-bottom: 1rem;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .convocatoria {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1281px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .convocatoria {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 1501px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .convocatoria {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h1, .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h2.h1 {
    margin-bottom: 2rem;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h1 .oposicion, .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h2.h1 .oposicion {
  color: var(--primary);
  font-size: 2.6rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h1 .oposicion, .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h2.h1 .oposicion {
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 769px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h1 .oposicion, .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h2.h1 .oposicion {
    font-size: 3rem;
    border-radius: 2rem;
    padding: 2.2rem 1.5rem 2rem 1.5rem;
    border: 3px solid var(--negro-10);
  }
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h1 .oposicion, .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h2.h1 .oposicion {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 1281px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h1 .oposicion, .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h2.h1 .oposicion {
    font-size: 3.4rem;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h1 + .caracteristicas-convocatoria, .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h2.h1 + .caracteristicas-convocatoria {
  margin-top: 2rem;
}
@media only screen and (min-width: 769px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h1 + .caracteristicas-convocatoria, .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria h2.h1 + .caracteristicas-convocatoria {
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 769px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .caracteristicas-convocatoria ul {
    grid-template-columns: 1fr 1fr;
    gap: 2rem 0;
  }
}
@media only screen and (min-width: 1281px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .caracteristicas-convocatoria ul li {
    font-size: 2rem;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .caracteristicas-convocatoria .cita {
  position: relative;
  font-size: 2rem;
  padding-left: 1rem;
  margin-left: 1rem;
}
.cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .caracteristicas-convocatoria .cita:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3.2rem;
  width: 0.4rem;
  background-color: var(--primary-30);
  border-radius: 1rem;
}
.cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .caracteristicas-convocatoria .cita .txt {
  font-size: 1.8rem;
}
@media only screen and (min-width: 769px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .caracteristicas-convocatoria .cita {
    margin-left: 1.5rem;
    font-size: 2.4rem;
    margin-top: 3rem;
    word-wrap: break-word;
  }
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .caracteristicas-convocatoria .cita .txt {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .caracteristicas-convocatoria .cita {
    margin-bottom: 2rem;
    margin-top: 2rem;
    height: auto;
    word-wrap: break-word;
  }
}
@media only screen and (min-width: 1281px) {
  .cabecera-opobusca.cabecera-oposicion .container .info-convocatoria .resaltado {
    font-size: 2rem;
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria {
    margin-top: 4.5rem;
  }
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria {
    margin-top: 3.5rem;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria {
  position: relative;
  display: grid;
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria:before {
  content: "";
  position: absolute;
  background-color: var(--negro-20);
}
@media only screen and (max-width: 1024px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria {
    grid-template-columns: repeat(5, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria:before {
    top: 50%;
    transform: translateY(-50%);
    left: 2rem;
    width: calc(100% - 2rem);
    height: 2px;
  }
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria {
    grid-auto-rows: 7rem;
    row-gap: 1rem;
  }
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria:before {
    left: 3.5rem;
    top: 3rem;
    height: calc(100% - 6rem);
    width: 2px;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria {
  position: relative;
  z-index: 10;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-right: 2px solid;
  border-left: 2px solid;
  border-top: 2px solid;
  border-bottom: 3px solid;
  border-color: var(--negro-20);
  background-color: var(--fondo-clarito);
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria {
    border-top: none;
    border-right: none;
    border-left: none;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria .numero-step {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 4rem;
  height: 4rem;
  background-color: var(--fondo-clarito);
  color: var(--negro-30);
  border: 2px solid var(--negro-10);
  border-radius: 100%;
  font-size: 1.8rem;
  font-weight: 300;
}
@media only screen and (max-width: 1024px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria .numero-step {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -2rem);
  }
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria .numero-step {
    font-size: 2.2rem;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria .txt-step {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--negro-30);
  line-height: 120%;
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria .txt-step {
    font-size: 1.4rem;
    width: calc(100% - 4rem);
    padding-left: 10px;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.vencida {
  border-color: var(--primary-60);
  background-color: white;
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.vencida .numero-step {
  border-color: var(--primary-light);
  color: white;
  background-color: var(--primary-light);
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.vencida .txt-step {
  color: var(--primary-light);
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.actual {
  border-color: var(--primary);
  background-color: var(--primary);
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.actual .numero-step {
  border-color: var(--primary);
  color: var(--primary);
  background-color: white;
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.actual .txt-step {
  color: white;
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.actual:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-10px, -50%);
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    clip-path: polygon(50% 50%, 0 0, 0 100%);
    background-color: var(--body);
    display: none;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.finalizada {
  border-color: var(--primary);
  background-color: var(--primary);
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.finalizada .numero-step {
  border-color: var(--primary);
  color: var(--primary);
  background-color: white;
  font-weight: 600;
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.finalizada .txt-step {
  color: white;
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria.finalizada:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-10px, -50%);
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    clip-path: polygon(50% 50%, 0 0, 0 100%);
    background-color: var(--body);
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria {
    border-radius: 1rem;
    padding: 3rem 1rem 1rem 1rem;
    align-content: flex-start;
  }
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria .txt-step {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .steps-convocatoria .step-convocatoria {
    justify-content: flex-start;
    padding: 1.5rem;
    padding-right: 2.5rem;
    border-radius: 10rem;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .mas-informacion {
  margin-top: 2rem;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media only screen and (max-width: 1024px) {
  .cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .mas-informacion {
    display: none;
  }
}
.cabecera-opobusca.cabecera-oposicion .container .estado-convocatoria .mas-informacion .btn {
  min-width: 100%;
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-oposicion .container .informate-convocatoria {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .cabecera-opobusca.cabecera-oposicion .container .informate-convocatoria .resaltado {
    padding-right: 1rem;
    display: grid;
    grid-template-columns: auto 28rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    align-items: center;
  }
  .cabecera-opobusca.cabecera-oposicion .container .informate-convocatoria .resaltado .btn {
    min-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .cabecera-opobusca.cabecera-oposicion .container .informate-convocatoria {
    margin-top: 3rem;
  }
  .cabecera-opobusca.cabecera-oposicion .container .informate-convocatoria .resaltado .btn {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .cabecera-opobusca.cabecera-oposicion .container .informate-convocatoria {
    margin-top: 2rem;
  }
}

/*Buscador*/
/*Count-checks*/
.count-checks {
  display: none;
  min-width: 2.4rem !important;
  width: 2.4rem;
  height: 2.4rem;
  background-color: var(--secondary-light);
  color: white;
  border-radius: 100%;
  box-shadow: 0 1px 3px var(--negro-15);
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.2rem;
  z-index: 10;
}
.count-checks.lleva {
  display: flex !important;
}

/*Extend para las clases del buscador avanzado*/
.cabecera-opobusca.cabecera-buscador {
  background: white;
  background: linear-gradient(to bottom, white, var(--fondo-clarito-2));
}
.cabecera-opobusca.cabecera-buscador .container {
  max-width: 1200px;
}
.cabecera-opobusca.cabecera-buscador .container .formBuscador .input-field-search {
  position: relative;
  z-index: 2;
}
.cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(2, 50%);
  position: relative;
  z-index: 1;
  margin-top: 2.5rem;
  padding-bottom: 4px;
}
.cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda .titulo-filtros {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: var(--primary-light);
  grid-column: 1/-1;
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda .titulo-filtros {
    font-size: 2rem;
    transform: translateX(-2.2rem);
  }
}
@media only screen and (max-width: 768px) {
  .cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda .titulo-filtros {
    padding-left: 1rem;
  }
}
.cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda .titulo-filtros svg {
  width: 2rem;
  height: 2rem;
  fill: var(--primary);
}
@media only screen and (min-width: 769px) {
  .cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda {
    grid-template-columns: repeat(3, 1fr);
    justify-content: start;
    gap: 1rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda {
    grid-template-columns: repeat(6, max-content);
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda {
    gap: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media only screen and (max-width: 500px) {
  .cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda {
    gap: 0.5rem;
    margin-right: 0;
    margin-left: 0;
  }
}
.cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda .a-filtro-busqueda {
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda .a-filtro-busqueda:hover svg {
    transform: translateX(0.5rem);
  }
}
@media only screen and (max-width: 1024px) {
  .cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda .a-filtro-busqueda {
    width: 100%;
    max-width: 100%;
  }
  .cabecera-opobusca.cabecera-buscador .container .formBuscador .filtros-busqueda .a-filtro-busqueda span {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/*Modal filtros avanzados*/
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados,
  .modal-cupon-opobusca#modal-filtros-avanzados {
    padding: 0;
    background-color: white;
  }
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .close-modal-btn,
  .modal-cupon-opobusca#modal-filtros-avanzados .close-modal-btn {
    top: 0;
    right: 0;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal {
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  height: 100%;
  overflow-y: hidden;
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal {
    border: none;
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav {
  min-width: 0;
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .title-modal,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .title-modal {
    margin-bottom: 1rem;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros {
  display: grid;
  grid-template-columns: repeat(6, max-content);
  justify-content: space-between;
  border-bottom: 1px solid var(--negro-25);
  box-shadow: 0 2px 0 var(--negro-10);
}
@media only screen and (max-width: 768px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros {
    grid-template-columns: repeat(3, 33%);
    gap: 0.5rem;
  }
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros {
    gap: 0.3rem;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 1.2rem;
  color: var(--info);
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  padding: 1rem 1rem 0.5rem 1rem;
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .txt,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a {
    justify-content: flex-start;
    padding: 0.5rem;
    border: 2px solid var(--info);
    border-radius: 1rem;
  }
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .txt,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a svg {
  margin-right: 5px;
  width: 1.6rem;
  height: 1.6rem;
  fill: var(--primary);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .count-checks,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .count-checks {
  position: absolute;
  top: 0;
  display: none;
}
@media only screen and (max-width: 768px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .count-checks,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .count-checks {
    right: 0;
    transform: translate(0.5rem, -0.8rem);
  }
}
@media only screen and (min-width: 769px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .count-checks,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a .count-checks {
    left: 0;
    transform: translate(-1rem, -0.2rem);
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a.active,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a.active {
  color: var(--primary);
  border-color: var(--secondary);
}
@media only screen and (max-width: 768px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a.active,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a.active {
    background-color: var(--info);
    color: white;
    border-color: var(--info);
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a.active svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a.active svg {
  fill: var(--primary);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a:not(.active):hover,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a:not(.active):hover {
  color: var(--primary);
  border-color: var(--primary);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a:not(.active):hover svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .nav-filtros a:not(.active):hover svg {
  fill: var(--primary);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .input-field-search,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .input-field-search {
  margin-top: 1rem;
  padding-bottom: 0.8rem;
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .title-nav .input-field-search .input-search,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .title-nav .input-field-search .input-search {
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .formBuscador,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .formBuscador {
  overflow-y: scroll;
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros {
  position: sticky !important;
  position: -webkit-sticky !important;
  bottom: 0;
  padding-top: 2rem;
  padding-bottom: 1rem;
  background-color: white;
  border-top: 1px solid var(--negro-25);
  box-shadow: 0 -2px 0 var(--negro-10);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros {
    left: 2rem;
    width: 100%;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros {
    padding-top: 1rem;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 1.4rem;
  border: 2px solid;
  background-color: white;
  text-decoration: none;
  padding: 0.8rem;
  border-radius: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 100%;
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a svg {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.buscar,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.buscar {
  background-color: var(--info);
  color: white;
  border-color: var(--info);
  margin-right: 1rem;
  cursor: pointer;
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.buscar svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.buscar svg {
  fill: white;
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.buscar:hover,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.buscar:hover {
  background-color: white;
  color: var(--info);
  border-color: var(--info);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.buscar:hover svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.buscar:hover svg {
  fill: var(--info);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.aceptar,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.aceptar {
  background-color: var(--success);
  color: white;
  border-color: var(--success);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.aceptar svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.aceptar svg {
  fill: white;
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.aceptar:hover,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.aceptar:hover {
  background-color: white;
  color: var(--success);
  border-color: var(--success);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.aceptar:hover svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.aceptar:hover svg {
  fill: var(--success);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.borrar,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.borrar {
  color: var(--danger);
  border-color: var(--danger);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.borrar svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.borrar svg {
  fill: var(--danger);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.borrar:hover,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.borrar:hover {
  color: var(--primary);
  border-color: var(--primary);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.borrar:hover svg,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .aceptar-borrar-filtros a.borrar:hover svg {
  fill: var(--primary);
}
.modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador {
  display: none;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow-y: auto;
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador.visible,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador.visible {
  display: grid;
  align-items: stretch;
  align-content: flex-start;
}
.modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador.no-visible,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador.no-visible {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador.filtros-buscador-2,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador.filtros-buscador-2 {
    grid-template-columns: 1fr 1fr;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--negro-10);
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check {
    padding-left: 1rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check input,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check input {
  filter: drop-shadow(0 1px 1px var(--negro-25));
}
@media only screen and (max-width: 500px) {
  .modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check span,
  .modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check span {
    font-size: 1.2rem;
  }
}
.modal-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check input:checked + span,
.modal-cupon-opobusca#modal-filtros-avanzados .container-modal .filtros-buscador .input-check input:checked + span {
  color: var(--secondary);
}

.spinner-contenedor {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: -1px 0px 24px 5px rgba(0, 0, 0, 0.26);
  height: 60px;
  width: 60px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 30;
}
.spinner-contenedor .lds-default {
  display: flex;
  align-self: center;
  justify-self: center;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2.5rem;
  font-size: 0.95rem;
}
@media only screen and (max-width: 768px) {
  table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--gris-d);
    border-radius: 0.5rem;
  }
}
table thead td {
  background-color: var(--secondary-light);
  color: white;
  font-weight: bold;
  font-size: 2rem;
  padding: 0.8rem 1rem;
  text-align: left;
  border-bottom: 2px solid var(--secondary-light);
}
@media only screen and (max-width: 768px) {
  table thead td {
    padding: 0.6rem 0.8rem;
  }
}
table tbody tr {
  border-bottom: 1px solid var(--gris-d);
}
table tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.03);
}
table tbody tr:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 769px) {
  table tbody tr:last-child {
    border-bottom: 2px solid var(--gris-d);
  }
}
table tbody td {
  padding: 0.8rem 1rem;
  vertical-align: top;
  font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
  table tbody td {
    padding: 0.6rem 0.8rem;
    white-space: normal;
  }
}
table tbody td:nth-child(1) {
  width: 90%;
  color: var(--primary);
}
@media only screen and (max-width: 768px) {
  table tbody td:nth-child(1) {
    min-width: 15rem;
    width: 80%;
    white-space: normal;
  }
}
table tbody td:nth-child(2) {
  width: 10%;
  text-align: left;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  table tbody td:nth-child(2) {
    min-width: 70px;
    text-align: right;
  }
}

@media only screen and (min-width: 1025px) {
  .contenido-ficha .container {
    display: grid;
    grid-template-columns: auto 400px;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
}
.contenido-ficha .container .txt-ficha .lista-peque {
  margin: 2rem 0 0 2rem;
}
.contenido-ficha .container .txt-ficha ol {
  list-style: none;
  margin: 1rem 0 0 3rem;
}
.contenido-ficha .container .txt-ficha ol li {
  position: relative;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;
}
.contenido-ficha .container .txt-ficha ol li::before {
  content: counter(list-item) ".";
  position: absolute;
  left: -1.5rem;
  color: var(--secondary);
  counter-increment: list-counter;
}
.contenido-ficha .container .ficha-chunk-drop + .ficha-chunk-drop {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .contenido-ficha .container .ficha-chunk-drop h2 {
    align-items: center;
    border: 0;
    border-bottom: 2px solid var(--secondary);
    border-radius: 0;
    box-shadow: none;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    min-width: 100%;
    padding: 0 0 5px;
    width: 100%;
  }
}
.contenido-ficha .container .ficha-chunk-drop h2 svg {
  fill: var(--secondary);
  height: 13px;
  flex-shrink: 0;
  transition: 0.25s ease-in;
  width: 15px;
}
@media (min-width: 768px) {
  .contenido-ficha .container .ficha-chunk-drop h2 svg {
    display: none;
  }
}
.contenido-ficha .container .ficha-chunk-drop h2.toggled svg {
  transform: scaleY(-1);
}
.contenido-ficha .container .ficha-chunk-drop h2 + .ficha-chunk-contenido {
  display: none;
}
@media (min-width: 768px) {
  .contenido-ficha .container .ficha-chunk-drop h2 + .ficha-chunk-contenido {
    display: block;
  }
}
.contenido-ficha .container .ficha-chunk-drop h2 + .ficha-chunk-contenido img {
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 1rem auto;
}
@media (min-width: 768px) {
  .contenido-ficha .container .ficha-chunk-drop h2 + .ficha-chunk-contenido img {
    margin: 2rem auto;
    max-width: 50% !important;
  }
}
.contenido-ficha .container .ficha-chunk-drop .ficha-chunk-contenido .container {
  grid-template-columns: auto;
}
.contenido-ficha .container .ficha-chunk-drop .ficha-chunk-contenido .container img {
  margin: 2rem auto;
}
@media (min-width: 768px) {
  .contenido-ficha .container .ficha-chunk-drop .ficha-chunk-contenido .container img {
    max-width: 80% !important;
  }
}
.contenido-ficha .container .ficha-chunk-drop .ficha-chunk-contenido h3, .contenido-ficha .container .ficha-chunk-drop .ficha-chunk-contenido h2 {
  font-size: 2rem !important;
  margin: 1.5rem 0;
}
.contenido-ficha .container .ficha-chunk-drop .ficha-chunk-contenido h4 {
  font-size: 2.2rem;
  margin-bottom: 1.2rem;
}
.contenido-ficha .container .container-graficos-ficha {
  margin-top: 3.5rem;
}
.contenido-ficha .container .container-graficos-ficha .title-graficas {
  font-size: 1.8rem;
  display: block;
  color: white;
  border-color: white;
  background-color: var(--primary);
  border-radius: 3rem;
  box-shadow: 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 769px) {
  .contenido-ficha .container .container-graficos-ficha .title-graficas {
    max-width: -moz-max-content;
    max-width: max-content;
    width: auto;
    padding: 0.8rem 1.2rem;
    transform: translate(1.5rem, 1.5rem);
    margin-top: -1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .contenido-ficha .container .container-graficos-ficha .title-graficas {
    max-width: 100%;
    transform: none;
    padding: 0.8rem 1rem;
    margin-bottom: 1rem;
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .contenido-ficha .container .container-graficos-ficha .title-graficas {
    padding: 1.5rem 1rem;
    color: white;
    border-radius: 1rem 1rem 0 0;
    padding: 1.2rem 1rem;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 769px) {
  .contenido-ficha .container .container-graficos-ficha .title-graficas {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 1025px) {
  .contenido-ficha .container .container-graficos-ficha .title-graficas {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1281px) {
  .contenido-ficha .container .container-graficos-ficha .title-graficas {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1501px) {
  .contenido-ficha .container .container-graficos-ficha .title-graficas {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .contenido-ficha .container .container-graficos-ficha .graficos-ficha {
    margin-top: 0;
    border-radius: 0 0 1rem 1rem;
    border-top: none;
    border: 2px solid var(--negro-25);
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.3);
    padding: 1.5rem 1rem;
  }
}
@media only screen and (min-width: 769px) {
  .contenido-ficha .container .container-graficos-ficha .graficos-ficha {
    border: 3px solid var(--negro-10);
    border-radius: 2rem;
    padding: 3rem 3rem 2rem 3rem;
    margin-top: 0;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media only screen and (min-width: 1025px) {
  .contenido-ficha .container .container-graficos-ficha .graficos-ficha {
    padding: 3.5rem 3rem 2.5rem 3rem;
  }
}
@media only screen and (min-width: 1281px) {
  .contenido-ficha .container .container-graficos-ficha .graficos-ficha {
    padding: 4rem 3rem 3rem 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .contenido-ficha .container .container-graficos-ficha .graficos-ficha .grafico-ficha:not(:last-child) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid var(--negro-10);
  }
}
.contenido-ficha .container .container-graficos-ficha .graficos-ficha .grafico-ficha canvas {
  width: 100% !important;
  height: auto !important;
}
.contenido-ficha .container .container-graficos-ficha .listado-caracteristicas .ul-opobusca li::before {
  content: "";
  display: none;
}

.m-select-d-box, .m-select-d-box-fade {
  z-index: 1010;
}

#cupon {
  width: 100%;
  max-width: 40rem;
  position: relative;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  margin-top: 3rem;
}
@media only screen and (min-width: 1025px) {
  #cupon {
    margin-top: 0;
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 13rem;
  }
}
@media (min-width: 1025px) and (max-height: 850px) {
  #cupon {
    top: 2rem !important;
  }
}
#cupon .top-cupon-icon {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
  text-align: center;
  margin-bottom: -10px;
}
@media only screen and (min-width: 1025px) {
  #cupon .top-cupon-icon {
    margin-bottom: -8px;
  }
}
#cupon .top-cupon-icon .top-cupon {
  fill: var(--primary);
  width: 18rem;
  height: 7rem;
}
@media only screen and (min-width: 1025px) {
  #cupon .top-cupon-icon .top-cupon {
    width: 23rem;
    height: 8rem;
  }
}
#cupon .top-cupon-icon .i-icon-cupon {
  fill: white;
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 2.5rem);
}
@media only screen and (min-width: 1025px) {
  #cupon .top-cupon-icon .i-icon-cupon {
    width: 4rem;
    height: 4rem;
    transform: translate(-50%, 3rem);
  }
}
#cupon .container-cupon {
  background-color: var(--bk-cupon);
  padding: 1rem;
  padding-top: 1.5rem;
  border-radius: 2rem 2rem 4rem 4rem;
}
@media only screen and (min-width: 769px) {
  #cupon .container-cupon {
    border-radius: 2rem 2rem 4rem 4rem;
    padding: 2rem;
  }
}
#cupon .cupon-header {
  position: relative;
  z-index: 1;
  text-align: center;
  font-weight: 300;
  padding-top: 0.5rem;
}
#cupon .cupon-header p {
  color: white;
  font-size: 1.2rem;
  line-height: 115%;
}
@media only screen and (min-width: 769px) {
  #cupon .cupon-header p {
    font-size: 1.3rem;
  }
}
#cupon .cupon-header p.cupon-title {
  text-transform: uppercase;
  font-size: 1.6rem;
}
@media only screen and (min-width: 769px) {
  #cupon .cupon-header p.cupon-title {
    font-size: 3rem;
  }
  #cupon .cupon-header p.cupon-title strong {
    display: block;
  }
}
#cupon .cupon-header p.cupon-title + p {
  margin-top: 1rem;
}
#cupon .cupon-main {
  margin-top: 1.5rem;
}
#cupon .cupon-main form {
  margin: 0;
}
#cupon .cupon-main form input,
#cupon .cupon-main form select {
  font-family: var(--font-title);
  font-size: 1.4rem;
  background-color: white;
  border: none;
  border-radius: 3rem;
  height: 3.5rem;
  padding: 0 12px;
  width: 100%;
  transition: all 0.15s ease-in-out;
}
#cupon .cupon-main form input:not(:first-child),
#cupon .cupon-main form select:not(:first-child) {
  margin-top: 1rem;
}
#cupon .cupon-main form input:focus,
#cupon .cupon-main form select:focus {
  box-shadow: 0 0 10px var(--primary-80);
}
@media only screen and (min-width: 769px) {
  #cupon .cupon-main form input,
  #cupon .cupon-main form select {
    height: 3.5rem;
  }
}
@media only screen and (min-width: 769px) {
  #cupon .cupon-main form input,
  #cupon .cupon-main form select {
    font-size: 1.4rem;
  }
  #cupon .cupon-main form input:not(:first-child),
  #cupon .cupon-main form select:not(:first-child) {
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 1025px) {
  #cupon .cupon-main form input:not(:first-child),
  #cupon .cupon-main form select:not(:first-child) {
    margin-top: 1rem;
  }
}
#cupon .cupon-main form select {
  cursor: pointer;
  margin-top: 1rem;
}
#cupon .cupon-main form .pseudo-input,
#cupon .cupon-main form .telefono {
  margin-top: 1rem;
}
@media only screen and (min-width: 769px) {
  #cupon .cupon-main form .pseudo-input,
  #cupon .cupon-main form .telefono {
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 1025px) {
  #cupon .cupon-main form .pseudo-input,
  #cupon .cupon-main form .telefono {
    margin-top: 1rem;
  }
}
#cupon .cupon-main form .pseudo-input input,
#cupon .cupon-main form .pseudo-input select,
#cupon .cupon-main form .telefono input,
#cupon .cupon-main form .telefono select {
  margin-top: 0;
}
#cupon .cupon-main form .telefono {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
#cupon .cupon-main form .telefono input {
  /* border-radius: 0 0.6rem 0.6rem 0; */
  border-radius: 0 3rem 3rem 0;
}
#cupon .cupon-main form .telefono span {
  background-color: #e9e9e9;
  border-radius: 3rem 0 0 3rem;
  color: var(--body);
  display: block;
  font-size: 1.3rem;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 1.5rem;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  #cupon .cupon-main form .telefono span {
    height: 3.5rem;
    font-size: 1.3rem;
    line-height: 3.5rem;
  }
}
@media only screen and (min-width: 769px) {
  #cupon .cupon-main form .telefono input {
    border-radius: 0 2rem 2rem 0;
  }
  #cupon .cupon-main form .telefono span {
    border-radius: 2rem 0 0 2rem;
  }
}
#cupon .cupon-main form .checkbox {
  margin-top: 2.5rem;
  color: white;
  cursor: pointer;
  display: block;
  margin-top: 2rem;
  padding-left: 1.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#cupon .cupon-main form .checkbox input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#cupon .cupon-main form .checkbox input + span {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 18px;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#cupon .cupon-main form .checkbox input + span a {
  color: white;
  text-decoration: underline;
}
#cupon .cupon-main form .checkbox input + span:before, #cupon .cupon-main form .checkbox input + span:after {
  content: "";
  left: 0;
  position: absolute;
  transition: all 0.15s ease-in-out;
  z-index: 1;
}
#cupon .cupon-main form .checkbox input:not(:checked) + span:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
#cupon .cupon-main form .checkbox input:not(:checked) + span:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid white;
  background-color: var(--blanco-30);
  top: 0px;
  z-index: 0;
}
#cupon .cupon-main form .checkbox input:checked + span:before {
  top: 3px;
  left: 2px;
  width: 6px;
  height: 10px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid var(--body-title);
  border-bottom: 2px solid var(--body-title);
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
#cupon .cupon-main form .checkbox input:checked + span:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid white;
  background-color: white;
  z-index: 0;
}
#cupon .cupon-main form .btn-cupon {
  margin-top: 1.5rem;
  max-width: 100%;
  min-width: 100%;
  font-size: 2rem;
  border: none;
}
@media only screen and (min-width: 769px) {
  #cupon .cupon-main form .btn-cupon {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1025px) {
  #cupon .cupon-main form .btn-cupon {
    margin-top: 1.5rem;
  }
}
#cupon .cupon-main form .btn-cupon svg {
  width: 2rem;
  height: 2rem;
}
#cupon .cupon-main #aviso-incompleto {
  background-color: #f56604;
  border-radius: 5px;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 2rem;
  color: white;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 2rem;
  padding: 10px 20px;
}
#cupon .cupon-main .alert-modal-cupon {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
#cupon .cupon-main .alert-type-modal-cupon {
  background-color: #f56604;
  border-radius: 5px;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 2rem;
  color: white;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 2rem;
  padding: 10px 20px;
}
#cupon .cupon-main .pt10-modal-cupon {
  padding-top: 10px !important;
}
#cupon.degradado-primario .container-cupon {
  background: var(--primary);
  background: linear-gradient(to bottom left, var(--primary), var(--primary-title));
}
#cupon.naranja .container-cupon {
  background-color: var(--secondary);
}
#cupon.degradado-naranja .container-cupon {
  background: var(--secondary);
  background: linear-gradient(to bottom left, var(--secondary), var(--secondary-title));
}
#cupon.negro .container-cupon {
  background-color: black;
}
#cupon.gris .container-cupon {
  background-color: var(--body);
}
#cupon.azul .container-cupon {
  background-color: #1e55c5;
}
#cupon.azul .container-cupon .cupon-main form .btn-cupon {
  border: 2px solid white;
}
#cupon.degradado-azul .container-cupon {
  background: #1e55c5;
  background: linear-gradient(to bottom left, #1e55c5, #173f91);
}
#cupon.azul-oscuro .container-cupon {
  background-color: #12306d;
}
#cupon.degradado-azul-oscuro .container-cupon {
  background: #12306d;
  background: linear-gradient(to bottom left, #12306d, #0a1a3a);
}
#cupon.verde .container-cupon {
  background-color: #9ea807;
}
#cupon.degradado-verde .container-cupon {
  background: #9ea807;
  background: linear-gradient(to bottom left, #9ea807, #62680c);
}
#cupon.verde-oscuro .container-cupon {
  background-color: #304844;
}
#cupon.degradado-verde-oscuro .container-cupon {
  background: #304844;
  background: linear-gradient(to bottom left, #304844, #202e2c);
}
#cupon.outline-primario .container-cupon {
  background-color: var(--primary-10);
  border: 0.3rem solid var(--primary);
}
#cupon.outline-primario .container-cupon .cupon-header p,
#cupon.outline-primario .container-cupon .cupon-main form .checkbox,
#cupon.outline-primario .container-cupon .cupon-main form .checkbox input + span a {
  color: var(--primary);
}
#cupon.outline-primario .container-cupon .cupon-main form input,
#cupon.outline-primario .container-cupon .cupon-main form select {
  border: 2px solid var(--primary-80);
}
#cupon.outline-primario .container-cupon .cupon-main form .telefono span {
  background-color: var(--negro-30);
  color: white;
}
#cupon.outline-primario .container-cupon .cupon-main form .checkbox input:not(:checked) + span:after {
  border: 2px solid var(--primary);
  background-color: var(--primary-20);
}
#cupon.outline-primario .container-cupon .cupon-main form .checkbox input:checked + span:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#cupon.outline-primario .container-cupon .cupon-main form .checkbox input:checked + span:after {
  border: 2px solid var(--primary);
  background-color: var(--primary);
}
#cupon.outline-primario .container-cupon .cupon-main form .btn-cupon:hover {
  background-color: var(--info-light);
  color: white;
}
#cupon.outline-primario .container-cupon .cupon-main form .btn-cupon:hover svg {
  fill: white;
}
#cupon.outline-naranja .container-cupon {
  background-color: var(--secondary-10);
  border: 0.3rem solid var(--secondary);
}
#cupon.outline-naranja .container-cupon .cupon-header p,
#cupon.outline-naranja .container-cupon .cupon-main form .checkbox,
#cupon.outline-naranja .container-cupon .cupon-main form .checkbox input + span a {
  color: var(--secondary);
}
#cupon.outline-naranja .container-cupon .cupon-main form input,
#cupon.outline-naranja .container-cupon .cupon-main form select {
  border: 2px solid var(--secondary-80);
}
#cupon.outline-naranja .container-cupon .cupon-main form .telefono span {
  background-color: var(--negro-30);
  color: white;
}
#cupon.outline-naranja .container-cupon .cupon-main form .checkbox input:not(:checked) + span:after {
  border: 2px solid var(--secondary);
  background-color: var(--secondary-20);
}
#cupon.outline-naranja .container-cupon .cupon-main form .checkbox input:checked + span:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#cupon.outline-naranja .container-cupon .cupon-main form .checkbox input:checked + span:after {
  border: 2px solid var(--secondary);
  background-color: var(--secondary);
}
#cupon.outline-naranja .container-cupon .cupon-main form .btn-cupon:hover {
  background-color: var(--info-light);
  color: white;
}
#cupon.outline-naranja .container-cupon .cupon-main form .btn-cupon:hover svg {
  fill: white;
}
#cupon.outline-azul .container-cupon {
  background-color: #e8eef9;
  border: 0.3rem solid #1e55c5;
}
#cupon.outline-azul .container-cupon .cupon-header p,
#cupon.outline-azul .container-cupon .cupon-main form .checkbox,
#cupon.outline-azul .container-cupon .cupon-main form .checkbox input + span a {
  color: #1e55c5;
}
#cupon.outline-azul .container-cupon .cupon-main form input,
#cupon.outline-azul .container-cupon .cupon-main form select {
  border: 2px solid #356fe4;
}
#cupon.outline-azul .container-cupon .cupon-main form .telefono span {
  background-color: var(--negro-30);
  color: white;
}
#cupon.outline-azul .container-cupon .cupon-main form .checkbox input:not(:checked) + span:after {
  border: 2px solid #1e55c5;
  background-color: #e8eef9;
}
#cupon.outline-azul .container-cupon .cupon-main form .checkbox input:checked + span:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#cupon.outline-azul .container-cupon .cupon-main form .checkbox input:checked + span:after {
  border: 2px solid #1e55c5;
  background-color: #1e55c5;
}
#cupon.outline-azul .container-cupon .cupon-main form .btn-cupon:hover {
  background-color: var(--info-light);
  color: white;
}
#cupon.outline-azul .container-cupon .cupon-main form .btn-cupon:hover svg {
  fill: white;
}
#cupon.outline-azul-oscuro .container-cupon {
  background-color: #e8eef9;
  border: 0.3rem solid #12306d;
}
#cupon.outline-azul-oscuro .container-cupon .cupon-header p,
#cupon.outline-azul-oscuro .container-cupon .cupon-main form .checkbox,
#cupon.outline-azul-oscuro .container-cupon .cupon-main form .checkbox input + span a {
  color: #12306d;
}
#cupon.outline-azul-oscuro .container-cupon .cupon-main form input,
#cupon.outline-azul-oscuro .container-cupon .cupon-main form select {
  border: 2px solid #1b4392;
}
#cupon.outline-azul-oscuro .container-cupon .cupon-main form .telefono span {
  background-color: var(--negro-30);
  color: white;
}
#cupon.outline-azul-oscuro .container-cupon .cupon-main form .checkbox input:not(:checked) + span:after {
  border: 2px solid #12306d;
  background-color: #e8eef9;
}
#cupon.outline-azul-oscuro .container-cupon .cupon-main form .checkbox input:checked + span:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#cupon.outline-azul-oscuro .container-cupon .cupon-main form .checkbox input:checked + span:after {
  border: 2px solid #12306d;
  background-color: #12306d;
}
#cupon.outline-azul-oscuro .container-cupon .cupon-main form .btn-cupon:hover {
  background-color: var(--info-light);
  color: white;
}
#cupon.outline-azul-oscuro .container-cupon .cupon-main form .btn-cupon:hover svg {
  fill: white;
}
#cupon.outline-verde .container-cupon {
  background-color: #f3f3ec;
  border: 0.3rem solid #9ea807;
}
#cupon.outline-verde .container-cupon .cupon-header p,
#cupon.outline-verde .container-cupon .cupon-main form .checkbox,
#cupon.outline-verde .container-cupon .cupon-main form .checkbox input + span a {
  color: #767a3a;
}
#cupon.outline-verde .container-cupon .cupon-main form input,
#cupon.outline-verde .container-cupon .cupon-main form select {
  border: 2px solid #beca11;
}
#cupon.outline-verde .container-cupon .cupon-main form .telefono span {
  background-color: var(--negro-30);
  color: white;
}
#cupon.outline-verde .container-cupon .cupon-main form .checkbox input:not(:checked) + span:after {
  border: 2px solid #767a3a;
  background-color: #f3f3ec;
}
#cupon.outline-verde .container-cupon .cupon-main form .checkbox input:checked + span:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#cupon.outline-verde .container-cupon .cupon-main form .checkbox input:checked + span:after {
  border: 2px solid #767a3a;
  background-color: #767a3a;
}
#cupon.outline-verde .container-cupon .cupon-main form .btn-cupon:hover {
  background-color: var(--info-light);
  color: white;
}
#cupon.outline-verde .container-cupon .cupon-main form .btn-cupon:hover svg {
  fill: white;
}
#cupon.outline-verde-oscuro .container-cupon {
  background-color: #eaecec;
  border: 0.3rem solid #304844;
}
#cupon.outline-verde-oscuro .container-cupon .cupon-header p,
#cupon.outline-verde-oscuro .container-cupon .cupon-main form .checkbox,
#cupon.outline-verde-oscuro .container-cupon .cupon-main form .checkbox input + span a {
  color: #304844;
}
#cupon.outline-verde-oscuro .container-cupon .cupon-main form input,
#cupon.outline-verde-oscuro .container-cupon .cupon-main form select {
  border: 2px solid #537a74;
}
#cupon.outline-verde-oscuro .container-cupon .cupon-main form .telefono span {
  background-color: var(--negro-30);
  color: white;
}
#cupon.outline-verde-oscuro .container-cupon .cupon-main form .checkbox input:not(:checked) + span:after {
  border: 2px solid #304844;
  background-color: #eaecec;
}
#cupon.outline-verde-oscuro .container-cupon .cupon-main form .checkbox input:checked + span:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#cupon.outline-verde-oscuro .container-cupon .cupon-main form .checkbox input:checked + span:after {
  border: 2px solid #304844;
  background-color: #304844;
}
#cupon.outline-verde-oscuro .container-cupon .cupon-main form .btn-cupon:hover {
  background-color: var(--info-light);
  color: white;
}
#cupon.outline-verde-oscuro .container-cupon .cupon-main form .btn-cupon:hover svg {
  fill: white;
}

.color-picker-cupon {
  position: relative;
}
.color-picker-cupon .txt {
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  margin-left: 0.6rem;
  text-decoration: underline;
  color: var(--body);
}
.color-picker-cupon .color {
  border: 2px solid transparent;
  display: block;
  width: 2rem;
  height: 2rem;
}
.color-picker-cupon .btn-color-picker {
  margin-bottom: 1rem;
  margin-left: 1rem;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.color-picker-cupon .btn-color-picker .color {
  background-color: var(--primary);
}
.color-picker-cupon .colores {
  display: none;
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: 100%;
  right: calc(100% + 1.5rem);
  background-color: white;
  padding: 1.5rem;
  border: 2px solid var(--primary);
  box-shadow: 0 1rem 1.5rem var(--negro-20);
}
.color-picker-cupon .colores a {
  margin-bottom: 1rem;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.color-picker-cupon .colores a:last-child {
  margin-bottom: 0;
}
.color-picker-cupon .colores a.primario .color {
  background-color: var(--primary);
}
.color-picker-cupon .colores a.degradado-primario .color {
  border-color: transparent;
  background: var(--primary);
  background: linear-gradient(to bottom left, var(--primary-title), var(--primary));
}
.color-picker-cupon .colores a.naranja .color {
  border-color: transparent;
  background-color: var(--secondary);
}
.color-picker-cupon .colores a.degradado-naranja .color {
  border-color: transparent;
  background: var(--secondary);
  background: linear-gradient(to bottom left, var(--secondary-title), var(--secondary));
}
.color-picker-cupon .colores a.negro .color {
  border-color: transparent;
  background-color: black;
}
.color-picker-cupon .colores a.gris .color {
  border-color: transparent;
  background-color: var(--body);
}
.color-picker-cupon .colores a.azul .color {
  border-color: transparent;
  background-color: #1e55c5;
}
.color-picker-cupon .colores a.degradado-azul .color {
  border-color: transparent;
  background: #1e55c5;
  background: linear-gradient(to bottom left, #1e55c5, #173f91);
}
.color-picker-cupon .colores a.azul-oscuro .color {
  border-color: transparent;
  background-color: #12306d;
}
.color-picker-cupon .colores a.degradado-azul-oscuro .color {
  border-color: transparent;
  background: #12306d;
  background: linear-gradient(to bottom left, #12306d, #0a1a3a);
}
.color-picker-cupon .colores a.verde .color {
  border-color: transparent;
  background-color: #9ea807;
}
.color-picker-cupon .colores a.degradado-verde .color {
  border-color: transparent;
  background: #9ea807;
  background: linear-gradient(to bottom left, #9ea807, #62680c);
}
.color-picker-cupon .colores a.verde-oscuro .color {
  border-color: transparent;
  background-color: #304844;
}
.color-picker-cupon .colores a.degradado-verde-oscuro .color {
  border-color: transparent;
  background: #304844;
  background: linear-gradient(to bottom left, #304844, #202e2c);
}
.color-picker-cupon .colores a.outline-primario .color {
  background-color: white;
  border-color: var(--primary);
}
.color-picker-cupon .colores a.outline-naranja .color {
  background-color: white;
  border-color: var(--secondary);
}
.color-picker-cupon .colores a.outline-azul .color {
  background-color: white;
  border-color: #1e55c5;
}
.color-picker-cupon .colores a.outline-azul-oscuro .color {
  background-color: white;
  border-color: #12306d;
}
.color-picker-cupon .colores a.outline-verde .color {
  background-color: white;
  border-color: #9ea807;
}
.color-picker-cupon .colores a.outline-verde-oscuro .color {
  background-color: white;
  border-color: #304844;
}

#add-social {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media only screen and (min-width: 1025px) {
  #add-social {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
#add-social .container {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media only screen and (min-width: 1025px) {
  #add-social .container {
    justify-content: flex-start;
  }
}
#add-social svg {
  width: 2.4rem;
  height: 2.4rem;
}
@media only screen and (min-width: 769px) {
  #add-social svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}
#add-social .i-share {
  fill: var(--body);
}
#add-social p {
  font-size: 1.4rem;
  margin-left: 1rem;
}
@media only screen and (max-width: 768px) {
  #add-social p {
    font-size: 1.2rem;
    margin-left: 0.5rem;
  }
}
#add-social .add-social-icons button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
  margin: 0 0 0 1rem;
  padding: 0;
  text-align: center;
}
#add-social .add-social-icons button svg {
  fill: var(--body-title);
}
@media only screen and (min-width: 769px) {
  #add-social .add-social-icons button {
    margin: 0 0 0 1.5rem;
  }
  #add-social .add-social-icons button:hover svg {
    fill: var(--secondary);
  }
}

.calculadora-container {
  margin-inline: auto;
  max-width: -moz-max-content;
  max-width: max-content;
  width: 100%;
}
.calculadora-container + * {
  margin-top: 4.5rem;
}
.calculadora-container .calculadora-form {
  border: 0.2rem solid #12306d;
  border-radius: 0.6rem;
  display: flex;
  box-shadow: 0 0 3.5rem rgba(21, 64, 70, 0.1);
  flex-direction: column;
  gap: 2rem;
  margin-top: 3.5rem;
  padding: 1.5rem;
}
@media only screen and (min-width: 769px) {
  .calculadora-container .calculadora-form {
    padding: 2.5rem;
  }
}
.calculadora-container .calculadora-form .form-field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-inline: auto;
  width: 85%;
}
@media only screen and (min-width: 769px) {
  .calculadora-container .calculadora-form .form-field {
    flex-direction: row;
    gap: 2rem;
    width: 100%;
  }
}
.calculadora-container .calculadora-form .form-field label {
  flex-grow: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .calculadora-container .calculadora-form .form-field label {
    font-size: 1.8rem;
    text-align: left;
  }
}
.calculadora-container .calculadora-form .form-field label span {
  font-weight: 700;
  text-transform: uppercase;
}
.calculadora-container .calculadora-form .form-field input {
  background-color: rgba(35, 50, 82, 0.3);
  border: 0;
  font: 500 1.8rem/1 "Montserrat";
  height: 4rem;
  flex-shrink: 1;
  padding: 1.2rem;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .calculadora-container .calculadora-form .form-field input {
    max-width: 12.5rem;
  }
}
.calculadora-container .calculadora-form .form-warning {
  display: none;
}
.calculadora-container .calculadora-form .form-warning.warning-active {
  display: block;
}
.calculadora-container .calculadora-form .form-warning p {
  color: #b6352c;
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .calculadora-container .calculadora-form .form-warning p {
    font-size: 2.1rem;
  }
}
@media only screen and (min-width: 1280px) {
  .calculadora-container .calculadora-form .form-warning p {
    font-size: 2.4rem;
  }
}
.calculadora-container .calculadora-form button {
  background-color: #263238;
  border: 0.2rem solid rgba(35, 50, 82, 0.5);
  border-radius: 0.6rem;
  color: white;
  display: block;
  font-weight: 700;
  margin: 2.5rem auto 0;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 1.5rem 2.5rem;
  text-transform: uppercase;
  transition: 0.25s ease-in-out;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .calculadora-container .calculadora-form button {
    font-size: 1.6rem;
  }
}
.calculadora-container .calculadora-form button:hover {
  background-color: #496aa8;
}
.calculadora-container .calculadora-resultado-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s ease-in-out;
}
.calculadora-container .calculadora-resultado-wrapper.active {
  grid-template-rows: 1fr;
}
.calculadora-container .calculadora-resultado-wrapper .calculadora-resultado {
  background-color: #383048;
  border-radius: 0 0 0.6rem 0.6rem;
  margin-inline: auto;
  max-width: 55rem;
  overflow: hidden;
  width: 85%;
}
.calculadora-container .calculadora-resultado-wrapper .calculadora-resultado p {
  color: white;
  padding: 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .calculadora-container .calculadora-resultado-wrapper .calculadora-resultado p {
    font-size: 1.8rem;
  }
}
.calculadora-container .calculadora-resultado-wrapper .calculadora-resultado p span {
  display: block;
  font: 700 3.5rem/1 var(--font-body);
  margin-top: 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .calculadora-container .calculadora-resultado-wrapper .calculadora-resultado p span {
    font-size: 4rem;
  }
}

.simulacion-wrapper {
  border: 0.2rem solid #12306d;
  box-shadow: 0 0 3.5rem rgba(21, 64, 70, 0.1);
  border-radius: 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  margin-block: 3.5rem;
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .simulacion-wrapper {
    gap: 4.5rem;
    padding: 2.5rem;
  }
}
.simulacion-wrapper button {
  background-color: #263238;
  border: 0.2rem solid rgba(35, 50, 82, 0.5);
  border-radius: 0.6rem;
  color: white;
  display: block;
  font: 700 1.4rem/1 var(--font-body);
  margin-inline: auto;
  padding: 1.5rem;
  text-transform: uppercase;
  transition: 0.25s ease-in-out;
  width: 100%;
}
.simulacion-wrapper button:hover {
  background-color: #496aa8;
}
@media (min-width: 768px) {
  .simulacion-wrapper button {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media (min-width: 992px) {
  .simulacion-wrapper button {
    font-size: 1.6rem;
  }
}
.simulacion-wrapper .simulacion-grid {
  display: grid;
  flex-direction: column;
  gap: 3.5rem;
}
@media (min-width: 768px) {
  .simulacion-wrapper .simulacion-grid {
    gap: 4.5rem;
  }
}
.simulacion-wrapper .simulacion-grid .simulacion-row {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 768px) {
  .simulacion-wrapper .simulacion-grid .simulacion-row {
    align-items: flex-start;
    flex-direction: row;
  }
}
.simulacion-wrapper .simulacion-grid .simulacion-row > p {
  background-color: rgba(66, 126, 237, 0.1);
  border-radius: 0.4rem;
  display: flex;
  font: 700 2.1rem/1 var(--font-body);
  gap: 2.5rem;
  padding: 1rem 1.7rem;
  text-align: center;
}
.simulacion-wrapper .simulacion-grid .simulacion-row .bolas-wrapper {
  display: grid;
  flex-grow: 1;
  gap: 2.5rem 1.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: center;
}
.simulacion-wrapper .simulacion-grid .simulacion-row .bolas-wrapper .bola-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.simulacion-wrapper .simulacion-grid .simulacion-row .bolas-wrapper .bola-container p {
  font: 700 1.6rem/1 var(--font-body);
  max-width: -moz-max-content;
  max-width: max-content;
}
.simulacion-wrapper .simulacion-grid .simulacion-row .bolas-wrapper .bola-container .tema {
  align-items: center;
  background: linear-gradient(129deg, #f56600 0%, rgba(245, 102, 0, 0.75));
  border-radius: 50%;
  color: white;
  display: flex;
  font: 700 2.1rem/1 var(--font-body);
  height: 5.5rem;
  justify-content: center;
  width: 5.5rem;
}
/*# sourceMappingURL=ficha.css.map */