@charset "utf-8";

:root {
  --rojo: #8a161b;
  --gris: #ececec;
  --txt: #41545e;
  --negro: #000000;
  --azul: #0c369c;
}

@font-face {
  font-family: "RalewayRegular";
  src: url("./font/RALEWAY-REGULAR.TTF") format("ttf");
  font-style: normal;
}

html {
  font-family: "RalewayRegular", sans-serif !important;
  font-size: 10px;
}

body,
td,
th,
input,
select,
textarea,
p,
a,
li {
  font-family: "RalewayRegular", sans-serif;
  color: #41545e;
}
body,
td,
th,
input,
select,
textarea {
  font-family: "RalewayRegular", sans-serif;
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "RalewayRegular", sans-serif;
  color: var(--negro);
}

h1,
h2,
h3,
h4 {
  font-weight: 600;
  color: var(--negro);
}

h5 {
  color: var(--negro);
}
h6 {
  color: var(--negro);
}
/* Estilos para las zebras */
.zebra {
  margin-top: 15px;
  margin-bottom: 20px;
}
.zebra td {
  border-bottom: 1px solid #f1f1f1;
}
.zebra tr.alt td {
  background: #f7f7f7;
}
.zebra tr.over td {
  background: #e2e2e2;
}
.zebra tr.title td {
  background-color: #d6d6d6;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999;
}

/* Retoques al jQuery UI*/
.margin {
  margin: 5px;
}
.clear {
  clear: both;
}

#MenuVertical {
  padding: 0;
  margin: 0;
  width: 172px;
  float: left;
  margin-right: 27px;
}
#MenuVertical li {
  list-style-position: inside;
  list-style-type: none;
  padding: 0px;
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  list-style-image: url(vineta.gif);
}
#MenuVertical li a {
  color: #3e545f;
  display: inline;
  list-style-position: inside;
  list-style-type: none;
  padding: 0px;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  border-color: #343434 !important;
  background: #343434 !important;
  color: #ebebeb !important;
}
.btn-default {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
  transition: all 0.3s ease;
}
.btn-default:hover {
  border-color: var(--azul) !important;
  background-color: var(--azul) !important;
  transition: all 0.3s ease;
  color: #fff !important;
}

.ct-content-buscar .btn-default {
  color: #000 !important;
  background-color: #fff !important;
  border-color: #fff !important;
  transition: all 0.3s ease;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none !important;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  margin: auto;
}

/* Paddings */

.p-x {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.p-y {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 1em;
}
.p-2 {
  padding: 2em;
}
.p-3 {
  padding: 3em;
}
.p {
  padding: 1em;
}

.d-flex {
  display: flex;
}

/* Tags */
p {
  font-weight: 300;
  line-height: 1.5;
  text-align: justify;
}
a {
  transition: all 0.3s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: var(--azul);
}
a:visited,
a:active,
a:focus {
  text-decoration: none !important;
}
*:focus {
  outline: none !important;
}

section.home-section {
  padding-top: 0;
}

.content-box {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px;
}

.site-content {
  padding-top: 14rem;
  max-width: 1200px;
  margin: 0 auto;
}

#main-paginas:not(.pag_admin) .site-content {
  padding-top: 0px;
}

.ZoomContainer {
  overflow: hidden;
}

/*------------*/

.img-zoom-in,
.img-zoom-out {
  overflow: hidden;
}
.img-zoom-in img,
.img-zoom-out img {
  transition: all 0.3s ease-in-out;
}
.img-zoom-in:hover img {
  transform: scale(1.15);
}
.img-zoom-out img {
  transform: scale(1.15);
}
.img-zoom-out:hover img {
  transform: scale(1);
}
/* Fonts */
.text-upper {
  text-transform: uppercase;
}

.w-100 {
  width: 100%;
}

.mm-slideout {
  z-index: 99;
}

/******* Titutlos paginas internas ********/

h2.content-box-title {
  font-weight: 900;
  color: #093467;
  font-size: 2rem;
  position: relative;
  text-align: center;
  padding-bottom: 2rem;
}

/***********************************/

/* HEADER */
header.home {
  position: fixed;
  width: calc(100% - 40px);
  z-index: 9999;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 0.8rem;
  box-shadow: 0 2px 4px #0003;
  transition: all 0.4s ease;
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 2rem;
  height: 66px;
}

.header-content.active {
  justify-content: center;
}

.content-info-header {
  display: flex;
  place-content: center;
  place-items: center;
}

.nav-brand {
  max-width: 120px;
  transition: all 0.3s ease;
}
.nav-brand img {
  transition: all 0.3s ease;
  width: 100%;
}

.support__item {
  display: none;
}

/*para quitar los submenus en la vista responsive*/
.social-links,
.main-nav-mobile {
  display: none;
}
/*para quitar los submenus en la vista de escritorio*/
/* #menu-main> li > ul {
	display: none;
} */
#menu-main > li > ul {
  color: #000 !important;
}

.toogle-search,
.toogle-close {
  cursor: pointer;
  border: 0;
  background: transparent;
}

a.toogle-menu,
.toogle-search {
  /*boton del menu responsive*/
  color: #000;
  font-size: 30px;
  padding: 0 5px;
  line-height: 1;
}

a.toogle-search.disabled {
  display: none;
}

a.toogle-menu:active,
.toogle-search:active,
a.toogle-menu:hover,
.toogle-search:hover,
a.toogle-menu:focus,
.toogle-search:focus {
  color: var(--azul);
}

.toggle-active {
  display: block !important;
}

.toggle-disable {
  display: none !important;
}

.mm-menu {
  z-index: 99999;
  background: #000;
  border-color: rgba(28, 93, 210, 0.1);
  color: #fff;
}
.mm-listitem{
  border-color: #a2a2aa70;
}
ul.mm-listview {
  display: block !important;
}
.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
  color: #fff;
}

.mm-listitem a {
  white-space: normal;
}

.mm-listitem .mm_arrow_down {
  display: none;
}

.mm-panels > .mm-panel > .mm-listview {
  margin: 0 -20px;
}
.mm-menu .mm-listview .mm-btn_next::after {
  border-color: #fff;
}
.mm-menu .mm-btn::after,
.mm-menu .mm-btn::before {
  border-color: #fff;
}
.navbar-header {
  display: none;
}
.navbar-header.disabled {
  display: none;
}
.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
  color: #fff;
  font-weight: bold;
}
.mm-wrapper_opening
  [class*="mm-menu_pagedim"].mm-menu_opened
  ~ .mm-page__blocker {
  opacity: 0.6 !important;
}
.mm-menu .mm-listview a:not(.mm-btn_next) {
  color: #fff !important;
  font-weight: 600;
}
.mm-navbars_bottom {
  height: 47px;
  background: #000000a6;
}
.bg-icon {
  font-size: 25px;
}
.bg-icon > span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  color: #fff;
}

#redes_laterales {
  display: none;
}
/***** End header ******/

/*** quitar para no estorbar ***/
#pge_ssl_widget {
  display: none;
}
/*****************************/

/********  Search header   *********/

/**** ocultar y mostrar buscador ****/

.toogle-close {
  display: none;
  font-size: 2.4rem;
  border-radius: 50%;
  border: 2px solid #000;
  color: #000;
  height: 38px !important;
  width: 38px !important;
}

.toogle-close:hover,
.toogle-close:active,
.toogle-close:focus {
  color: var(--azul);
}

.toogle-close.active {
  display: flex;
  place-content: center;
  place-items: center;
}

.icons-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.icons-header.active {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  place-items: center;
  place-content: center;
  width: 100%;
}

form.content-search-ccd.active {
  display: flex;
  width: 70vw;
  margin: 0 auto;
}

.nav-brand.disabled {
  display: none;
  transition: all 0.3s ease-in-out;
}

form.content-search-ccd {
  display: none;
  min-width: 210px;
  position: relative;
}

.form__placeholder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0 0.4rem 2rem;
  height: 40px;
  border: 1px solid #e7e7e7;
  border-right: 0;
  border-radius: 0.8rem 0 0 0.8rem;
}

.form__placeholder p {
  display: none;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  min-width: 14rem;
}

.form__placeholder .icon__search {
  display: flex;
  align-items: center;
  padding-right: 1.2rem;
  border-right: 1px solid #d9d9d9;
  height: 80%;
}

input.search-ccd {
  font-size: 1.4rem;
  padding: 8px 40px 8px 12px;
  border: 1px solid #e7e7e7;
  border-radius: 0 0.8rem 0.8rem 0;
  background-color: #fff;
  border-left: 0;
  height: 40px;
  box-shadow: none;
  transition: width 0.3s ease;
}

input.search-ccd:hover,
input.search-ccd:active,
input.search-ccd:focus {
  box-shadow: none;
  border: 1px solid #e7e7e7;
  border-left: 0;
}

button.btn-search-ccd {
  position: absolute;
  right: 0;
  padding-right: 12px;
  border: none;
  height: 40px;
  background-color: transparent;
  font-size: 2rem;
}

/********+++++++++++++++*********/

/******** End header *********/

/* banner hero */

/* Slick arrow */

.slick-arrow {
  position: absolute;
  z-index: 6;
  display: flex;
  place-content: center;
  place-items: center;
  color: #fff;
  background-color: #919bcf;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  cursor: pointer;
  transition: background-color 0.4s ease-in;
  z-index: 9998;
}

.slick-arrow:hover,
.slick-arrow:active,
.slick-arrow:focus {
  transition: background-color 0.2s ease-in-out;
  color: #fff;
  background-color: #5c67a0;
}

span.arrow-left,
span.arrow-right {
  transform: translateY(-50%);
  top: 50%;
}

span.arrow-left {
  left: 12px;
  padding-right: 2px;
}
span.arrow-right {
  right: 12px;
  padding-left: 2px;
}

.slick-arrow {
  font-size: 2rem;
}

/* Slick arrow */

/* Slick docks */

ul.slick-dots {
  list-style: none;
  display: flex;
  gap: 8px;
  place-content: center;
  padding: 32px 0 0 0;
}

ul.slick-dots li button {
  border: none;
  width: 16px;
  height: 16px;
  background-color: #dbe5ff;
  color: transparent;
  border-radius: 50%;
  transition: all 0.5s ease-in;
}

ul.slick-dots li.slick-active button,
ul.slick-dots li.slick-active button {
  background-color: var(--azul);
}

/* Slick docks */

.slider-home {
  position: relative;
}

#slider__desktop {
  display: none;
}

#slider__desktop.slider__desktop--active {
  display: block;
}

#slider__mobile.slider__mobile--active {
  display: block;
}

#slider__desktop ul.slick-dots {
  position: absolute;
  left: 10.5%;
  bottom: 1.2rem;
}

#slider__desktop ul.slick-dots li button {
  border: 2px solid var(--azul);
  background-color: transparent;
}

#slider__desktop ul.slick-dots li.slick-active button,
#slider__desktop ul.slick-dots li.slick-active button {
  background-color: var(--azul);
}

.content-banner {
  position: relative;
}

.content-banner img {
  width: 100%;
}

.slider__mobile--btn {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 0.8rem 2rem;
  border-radius: 5px;
  background: var(--azul);
  position: absolute;
  z-index: 999;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.slider__mobile--btn:hover,
.slider__mobile--btn:active,
.slider__mobile--btn:focus {
  color: #fff;
}

.slider__desktop--btn {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  padding: 1.2rem 4rem;
  border-radius: 5px;
  background: var(--azul);
  position: absolute;
  z-index: 999;
  bottom: 7vw;
  left: 10.5%;
}

.slider__desktop--btn:hover,
.slider__desktop--btn:active,
.slider__desktop--btn:focus {
  color: #fff;
}

/* banner hero */

#slider__desktop {
  position: relative;
}

.wrapper {
  width: 100%;
  height: 100%;
  background: #00000038;
}

.content-video {
  padding-bottom: calc(100% / 0.68);
}

#tubular-player {
  top: auto !important;
  left: auto !important;
  height: 100% !important;
}

.main {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  margin: auto;
  padding: 0 10%;
  position: relative;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.0001) 0%, #1d1d1d 100%);
}


/* seccion catlegorias */

.container__categorias--ct{
  max-width: 129rem;
  margin: 0 auto;
  padding: 1rem 2rem;
}
.cateforias_ct{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cat__item {
  position: relative;
  border-radius: 3.6rem;
  overflow: hidden;
  min-width: 18rem;
  max-width: 23rem;
  margin: 0 auto;
  transform: scale(0.92);
  transition: transform 0.4s ease-in;
}

.cat__item:hover {
  transition: transform 0.4s ease-in-out;
  transform: scale(0.96);
  box-shadow: 0px 4px 40px 4px rgba(56, 65, 72, 0.2);
}

.cat__item--titulo {
  width: 100%;
}

.cat__item--titulo h3 {
  font-size: 25px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #000;
  margin: 0;
}


/* seccion catlegorias */

/* slide video */

.container__slide--video {
  width: 100%;
  height: 100%;
  position: relative;
}

.container__slide--video video {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* slide video */

/* SECCIÓN DE EVENTOS */


.text-container {
  font-weight: bold;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transform: skewX(-10deg);
  border-radius: 5px;
  line-height: 1.2;
}

.text-line {
  transform: skewX(10deg); 
  position: relative; 
}

.line1 {
  font-size: 24px;
}

.line2 {
  font-size: 40px;
  position: relative;
  z-index: 1;
}

.line2::before {
  content: "";
  position: absolute;
  bottom: -2%;
  left: 18%;
  right: 0;
  height: 9%;
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 4%, rgba(12, 54, 156, 1) 41%, rgba(12, 54, 156, 1) 100%);
  z-index: -1;
  transform: translateY(-50%);
  width: 12rem;
  border-radius: 34%;
}

.line3 {
  font-size: 18px;
}

.section__events{
  background: var(--negro);
  padding-bottom: 4rem;
}

.cont_events_header{
  padding: 6rem 0;
}
.cont_evets_event{
  max-width: 1350px;
  margin: auto;
}

.event_aticle{
  background: rgb(2,0,36);
  background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(12,54,156,1) 39%, rgba(12,54,156,1) 52%, rgba(2,0,36,1) 100%);
  margin: 0 2rem;
  border-radius:5px;
  min-height: 35rem !important;
}

.event_img {
  max-width: 38rem;
  margin: auto 1rem;
}

.event_dat {
  max-width: 35rem;
  margin: auto 2rem;
}

.event_dat h2,.event_dat p{
  color: #fff;
}

/* Slick arrow */
span.arrow-left-event.slick-arrow,
span.arrow-right-event.slick-arrow{
  background: none;
}

span.arrow-left-event,
span.arrow-right-event {
  transform: translateY(-50%);
  top: 50%;
}

span.arrow-left-event {
  left: 0;
  padding-right: 2px;
}
span.arrow-right-event {
  right: 0;
  padding-left: 2px;
}


/* feature products */

.container__featured {
  max-width: 140rem;
  margin: 0 auto;
  padding: 4rem 2rem;
}

.container__featured h2 {
  font-size: 32px;
  font-weight: 300;
  line-height: 37px;
  text-align: center;
  padding: 2rem 4rem;
  color: #000;
}

.container__featured h2 > span:nth-child(2) {
  font-weight: 900;
}

.container__featured--grid {
  margin: 2rem 0;
}

.container__featured--grid,
.container__featured--images {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

/* feature products */

/* contact */

.section__contact {
  background-color: #f3f6fb;
}

.container__contact {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  max-width: 140rem;
  margin: 0 auto;
  padding: 4rem 2rem;
}

.container__contact h2 {
  font-size: 35px;
  font-weight: 800;
  color: var(--negro);
  margin-bottom: 2rem;
}

.container__contact--articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  padding: 2rem 0;
  width: 100%;
}

.container__contact--article {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  border-radius: 11px;
  background-color: #fff;
  padding: 4rem;
  transition: background-color 0.3s ease-in;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.container__contact--article img {
  transition: filter 0.3s ease-in;
  max-height: 5.2rem;
  margin-bottom: 1.2rem;
}

.container__contact--article h3 {
  font-size: 26px;
  font-weight: 800;
  color: #fff;
  margin: 0;
}

.container__contact--article p {
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  color: #000;
  margin: 0;
  padding: 0.8rem 0;
}

.container__contact--article h3,
.container__contact--article p {
  transition: color 0.3s ease-in;
}

.container__contact--article:hover {
  transition: background-color 0.6s ease-in-out;
  background-color: #0021982b;
}

.container__contact--article:hover img {
  transition: filter 0.6s ease-in-out;
  filter: brightness(0) invert(1);
}

.container__contact--article:hover h3,
.container__contact--article:hover p {
  transition: color 0.6s ease-in-out;
  color: #fff;
}

.container__contact--article-btn {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border-radius: 5px;
  background: #000;
  padding: 0.8rem 4rem;
  margin-top: 1.2rem;
}

.container__contact--article-btn:hover,
.container__contact--article-btn:active,
.container__contact--article-btn:focus {
  color: #fff;
}

.container__socialmedia {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  gap: 2rem;
  border-radius: 11px;
  background: #fff;
  width: 100%;
  margin-top: 1.2rem;
  padding: 2rem 2rem;
}

.container__socialmedia h4 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 800;
  text-align: center;
  color: var(--negro);
}

.container__socialmedia--redes {
  display: flex;
  gap: 1.2rem;
}

.container__socialmedia--redes a {
  display: flex;
  place-content: center;
  place-items: center;
  min-height: 4rem;
  max-height: 4rem;
  min-width: 4rem;
  max-width: 4rem;
  border-radius: 50%;
  background-color: #000;
  position: relative;
}

.container__socialmedia--redes a span {
  font-size: 2.8rem;
  color: #fff;
}

.container__socialmedia--redes a span.fa-facebook {
  font-size: 3.2rem;
  position: absolute;
  bottom: -3px;
}

/* contact */

/* featured products */

.container__products--featured {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 140rem;
  margin: 0 auto 4rem;
  padding: 0rem 2rem;
}

.container__articles--featured-link > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.2rem;
  padding: 2rem 4rem;
  height: 100%;
  min-height: 34rem;
  width: 100%;
  border-radius: 11px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.container__articles--featured-link > a button svg {
  transition: transform 0.4s ease-in;
}

.container__articles--featured-link > a:hover button svg {
  transition: transform 0.3s ease-in-out;
  transform: translateX(1.2rem);
}

.container__articles--featured-link h2 {
  font-size: 32px;
  line-height: 33px;
  font-weight: 800;
  color: #fff;
}

.container__articles--featured-link h2 > span:nth-child(2) {
  color: var(--negro);
}

.container__articles--featured-more {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border: none;
  background-color: transparent;
}

.container__articles--featured {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.2rem;
}

.container__article--featured {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  border-radius: 11px;
  border: 1px solid #e1e1e1;
  padding: 2rem;
  position: relative;
}

.container__article--featured-hyudai {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #9f9f9f !important;
  text-align: center;
  position: absolute;
  top: 1.2rem;
  left: 2rem;
}

.container__article--featured-img {
  margin-top: 2.8rem;
  display: flex;
  place-content: center;
  place-items: center;
  min-height: 20rem;
  max-height: 20rem;
  width: 100%;
  overflow: hidden;
}

.container__articles--featured-info {
  width: 52%;
  margin: 0 auto;
}

.container__article--featured img {
  object-fit: contain;
}

.container__article--featured h4 {
  font-size: 12px;
  font-weight: 900;
  text-align: start;
  margin: 0;
  padding-top: 1.2rem;
  color: #000;
  /* white-space: nowrap;
  text-overflow: ellipsis; */
  overflow: hidden;
}

.container__article--featured-reference {
  font-size: 10px;
  font-weight: 800;
  text-align: start;
  color: #000;
}

.container__article--featured-price {
  padding-top: 1.6rem;
}

.container__article--featured-price-normal {
  font-size: 14px;
  font-weight: 600;
  text-align: start;
  color: #737373;
  text-decoration: line-through;
}

.container__article--featured-price-oferta {
  font-size: 14px;
  font-weight: 900;
  text-align: start;
  color: var(--azul);
}

.container__article--featured-btn {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 5px;
  padding: 1rem 5rem;
  background-color: #000;
  color: #fff;
  margin-top: 1.2rem;
}

.container__article--featured-btn:hover,
.container__article--featured-btn:active,
.container__article--featured-btn:focus {
  background-color: var(--azul);
  color: #fff;
}

/* featured products */

/* footer */

body.home footer.container__footer {
  margin-top: 0;
}

footer.container__footer {
  width: 100%;
  background-color: #000;
  margin: 0 auto;
  margin-top: 20px;
  padding-top: 40px;
}

.footer__background {
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
}

.footer__menus {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  padding: 4rem 2rem;
}

.footer__menu h4 {
  font-size: 1.4rem;
  font-weight: 900;
  color: #fff;
  font-weight: 900;
}

.footer__menu ul {
  list-style: none;
  padding: 0;
}

.footer__menu ul li {
  padding: 0;
  position: relative;
}

.footer__menu ul li a {
  color: #fff;
  font-weight: 300;
  font-size: 1.2rem;
}

.content-copy {
  border-top: 1px solid #3b3b3b;
  padding: 8px 20px;
}

.content-copy p,
.design-web p a {
  font-family: "Montserrat", sans-serif;
  color: #939393;
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
}

/* footer */



/* ===== WHATSAPP ==== */
.floating-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.agent-icon {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-left: 10px;
}

.speech-bubble {
  display: none !important;
}

.speech-bubble::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -10px; /* Flecha a la derecha del globo */
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: #fff; /* Flecha apuntando hacia la derecha */
  margin-top: -10px;
}

@keyframes typewriter {
  from {
      width: 0;
  }
  to {
      width: 100%;
  }
}

@keyframes vibrate {
  0% {
      transform: translate(0);
  }
  25% {
      transform: translate(-2px, 2px);
  }
  50% {
      transform: translate(2px, -2px);
  }
  75% {
      transform: translate(-2px, 2px);
  }
  100% {
      transform: translate(0);
  }
}
@keyframes fadeIn {
  to {
      display: block;
      opacity: 1;
  }
}

/* ===== FIN WHATSAPP ==== */

/* paginas */

body.paginas .content-box {
  padding-top: 6rem;
}

/* paginas */

/* catalogo */

body.catalogo .site-content,
body.catalogo .content-box {
  max-width: 140rem;
}

body.catalogo .content-box-title {
  display: none;
}

.container__catalogo--sidebar {
  border-radius: 11px;
  border: 1px solid #818181;
  padding: 2.8rem 2rem 2rem;
}

.container__catalogo--sidebar .ct-sidebar-section {
  margin-bottom: 0.8rem;
}

.container__catalogo--sidebar .ct-sidebar-section:last-child {
  margin-bottom: 0;
}

.container__catalogo--sidebar h3 {
  font-family: Be Vietnam Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.cont-carrito {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.8rem;
  color: #000;
  vertical-align: middle;
  min-width: 40px;
  min-height: 40px;
}
.cont-carrito .fa-shopping-cart {
  font-size: 3.4rem;
}
.cont-carrito span {
  position: absolute;
  top: 9px;
  right: 7px;
  color: white;
  padding: 2px 6px;
  font-size: 1rem;
  min-width: 20px;
  text-align: center;
  z-index: 2;
  line-height: 1;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}

.container__catalogo--sidebar > .ct-sidebar-section:last-child ul {
  margin: 0;
}

.ct-sidebar-section ul li a {
  font-family: Be Vietnam Pro;
}

.container__catalogo--sidebar .list-group-item:first-child,
.container__catalogo--sidebar .list-group-item:last-child {
  border-bottom: none !important;
}

.ct-migasdepan {
  margin-bottom: 2rem;
}

.ct-migasdepan .migas-de-pan {
  background-color: #f3f6fb;
  border-radius: 11px;
  margin: 0;
  padding: 2rem;
}

.ct-migasdepan .migas-de-pan li {
  color: #878383;
  font-family: Be Vietnam Pro;
  font-size: 14px;
  font-weight: 600;
}

.ct-migasdepan .migas-de-pan li:hover,
.ct-migasdepan .migas-de-pan li:focus,
.ct-migasdepan .migas-de-pan li:active {
  color: var(--azul);
}

.ct-contenido-articulos {
  padding: 0 0.8rem !important;
}
.ct-articulo, .ct-articulo:link{
  border: solid 1px #cecece!important;
}

.ct-articulo {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  border-radius: 11px;
  border: 1px solid #e1e1e1;
  padding: 4rem 2rem 2rem !important;
  height: auto !important;
}

.ct-articulo .ct-articulo-img {
  height: auto;
}

.ct-articulo .ct-articulo-descripcion {
  position: relative;
  height: auto;
  padding: 15px 10px;
  background-color: #fcfcfc00;
}

.container__article--featured-hyudai {
  font-size: 11px;
  font-weight: 600;
  color: #fcfcfc00;
  text-align: center;
  position: absolute;
  top: 1.2rem;
  left: 2rem;
}

.ct-articulo-titulo {
  font-size: 12px !important;
  font-weight: 900 !important;
  text-align: start !important;
  margin: 0 0 0.8rem !important;
  padding-top: 1.2rem !important;
  color: #000 !important;
  overflow: hidden;
  height: 60px !important;
}

.ct-articulo-img {
  display: flex;
  place-content: center;
  place-items: center;
  min-height: 18rem;
  max-height: 18rem;
}

.ct-articulo-img img {
  object-fit: contain;
  width: auto;
  max-height: 18rem;
}
.ct-articulo-caja-precio{
  min-height:5.5rem;
}
.ct-articulo-contiene-precio, .ct-articulo-precio-oferta {
  justify-content: start;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: 0.4rem;
  text-align: left!important;
}

.ct-articulo-contiene-precio-row > span:first-child {
  display: none;
}

.ct-articulo-precio-oferta span {
  font-size: 2rem;
  line-height: 20px;
  font-weight: 900;
  text-align: start;
  color: var(--negro) !important;
}

.ct-articulo-precio-normal span {
  font-size: 14px;
  font-weight: 600;
  text-align: start;
  color: #737373;
}

.ct-articulo-boton {
  display: block !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

.ct-articulo-boton {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  border-radius: 5px !important;
  padding: 1rem 2rem !important;
  background-color: #000 !important;
  color: #fff !important;
  margin: 1.2rem auto !important;
  width: auto !important;
  max-width: 90% !important;
}

.ct-articulo-boton:hover,
.ct-articulo-boton:active,
.ct-articulo-boton:focus {
  background-color: var(--azul) !important;
  color: #fff !important;
}

.container__article--featured-reference {
  font-size: 10px;
  font-weight: 800;
  text-align: start;
  color: #000;
}

.catalogo .migasdepan span a {
  font-family: Be Vietnam Pro;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #9b9b9b;
}

body.catalogo h1#ct-articulo-titulo-producto {
  font-size: clamp(23px, calc((100vw - 320px) / (767 - 320) * (42 - 23) + 23px), 42px)!important;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  color: #000;
  margin-top: 3rem !important;
}

body.catalogo
  .ct-articulo-caracteristicas-producto
  #ct-articulo-referencia-producto {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-bottom: none;
  color: #000;
}

body.catalogo #ct-articulo-detalle-producto .col-md-12 {
  padding: 0;
}

body.catalogo #ct-articulo-referencia-descripcion {
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #000;
  margin-top: 2rem;
  margin-bottom: 1.2rem;
}

body.catalogo #ct-articulo-relacionados {
  background-color: #fff;
  margin-top: 2rem;
}

body.catalogo .ct-articulo-contain-img-relacionados {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  border-radius: 11px;
  border: 1px solid #e1e1e1;
  padding: 4rem 2rem 2rem !important;
  position: relative;
  height: auto !important;
}

body.catalogo #ct-articulo-relacionados h6 {
  font-size: 32px;
  font-weight: 900;
  color: #000;
  text-align: center;
}

body.catalogo #ct-articulo-relacionados .ct-articulo-img-relacionado,
body.catalogo #ct-articulo-recomendados .ct-articulo-img-recomendado {
  border: none !important;
}

body.catalogo .ct-articulo-contain-img-relacionados p {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin: 0 !important;
  padding-bottom: 1.2rem !important;
  text-align: start !important;
}

body.catalogo
  .ct-articulo-contain-img-relacionados
  span:not(.container__article--featured-hyudai) {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 900 !important;
  text-align: start !important;
  color: var(--azul) !important;
  width: 100%;
}

/* body.catalogo #ct-articulo-precio {
  display: none;
} */

body.catalogo .ct-articulo-variacion {
  padding: 0;
}

body.catalogo .ct-articulo-variacion h6 {
  font-family: Be Vietnam Pro;
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

body.catalogo .ct-articulo-variacion .ct-articulo-items-variaciones {
  font-family: Be Vietnam Pro;
  font-size: 14px;
  font-weight: 600;
  color: #080808;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #d6d6d6;
}

body.catalogo .ct-articulo-variacion .ct-articulo-items-variaciones:hover {
  color: #fff;
  background: var(--azul);
}

body.catalogo .ct-articulo-variacion .ct-articulo-items-variaciones.active {
  color: #fff;
  background: var(--azul);
}

body.catalogo
  .ct-articulo-variacion
  .ct-articulo-items-variaciones
  .ct-articulo-opcion {
  padding: 1rem 2rem;
}

.cont-ecomerce{
  display: none;
}
/* catalogo */

/* Media Queries */

@media (min-width: 500px) {
  /* banner hero */

  .slider__mobile--btn {
    font-size: 17px;
    padding: 1.2rem 4rem;
    border-radius: 5px;
    background: var(--azul);
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
  }

  /* banner hero */


  /* featured */

  .container__featured h2 {
    font-size: 40px;
    line-height: 47px;
  }

  /* featured */

  /* contact */

  .container__socialmedia {
    padding: 2rem 2rem 2.8rem;
  }

  .container__socialmedia h4 {
    font-size: 26px;
    line-height: 32px;
  }

  /* contact */

  /* featured products */

  .container__articles--featured-link > a {
    min-height: 28rem;
  }

  .container__articles--featured-link h2 {
    font-size: 41px;
    line-height: 42px;
  }

  /* featured products */

  /* footer */

  .footer__menus {
    grid-template-columns: repeat(2, 1fr);
  }

  /* footer */
}

@media (min-width: 600px) {
  /* featured products */

  .container__articles--featured {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* featured products */
}

@media (min-width: 700px) {
  /* feature products */

  .container__featured h2 {
    font-size: 40px;
    line-height: 47px;
  }

  .container__featured--grid {
    grid-template-columns: 1.04fr 1.33fr;
  }

  /* feature products */

  /* texto boton whatsapp */
  .speech-bubble {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    max-width: 200px;
    word-wrap: break-word; 
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    animation: fadeIn 1s ease forwards;
    display: block!important;
  }
  /* texto boton whatsapp */

  /* contact */

  .container__socialmedia--redes a {
    min-height: 6.2rem;
    max-height: 6.2rem;
    min-width: 6.2rem;
    max-width: 6.2rem;
  }

  .container__socialmedia--redes a span {
    font-size: 4.6rem;
  }

  .container__socialmedia--redes a span.fa-facebook {
    font-size: 5.2rem;
    bottom: -4px;
  }

  /* contact */
} 

/* PopUp */

.modal-popUp .modal-dialog {
  width: 100%;
  max-width: 1100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0;
  padding: 15px;
}
.modal-popUp button.close span {
  line-height: 1;
}
.modal-popUp .modal-body,
.modal-popUp .modal-body .col-xs-12 {
  padding: 0 !important;
}
.modal-popUp button.close {
  position: absolute;
  background: white;
  right: -8px;
  top: -12px;
  z-index: 1;
  width: 25px;
  height: 25px;
  opacity: 1 !important;
  border-radius: 50%;
}
/* ¿Quieres comprar o necesitas ayuda? ¡Habla con un agente de Hyundai electrónica! */