@charset "utf-8";
:root {
  --color-amarillo                 : #D7D714;
  --color-green-dac                : #00A345;
  --color-green-light-dac          : #00C150;
  --color-green-dark-dac           : #00742C;
  --color-red-dac                  : #D5312D;
  --color-red-dac-op75             : #D5312DC0;
  --color-red-dac-op85             : #D5312DCC;
  --color-red-dac-op90             : #D5312DE6;
  --color-red-light-dac            : #EA3632;
  --color-red-dark-dac             : #B12724;
  --bs-font-sans-serif             : "lato", sans-serif;
  --text-color-black               : #5E5E5E;
  --text-color-white               : #EEE;
  --color-ribbon-portada           : #BBBBBBA0;
  --color-dac                      : var(--color-red-dac);
  --color-darker-dac               : var(--color-red-dark-dac);
  --color-light-dac                : var(--color-red-light-dac);
  --color-btn-success              : var(--color-red-dac);
  --color-btn-success-border       : var(--color-red-dac);
  --color-btn-success-hover        : var(--color-light-dac);
  --color-btn-success-hover-border : var(--color-light-dac);
  --color-gris-oscuro              : #242424;
  --color-gris-oscuro-75           : #242424C0;
  --bs-heading-color               : var(--text-color-black);
  --bg-humo                        : #ECECEC;
}

.bg-humo {
  background-color : var(--bg-humo);
}

.color-gris-oscuro {color : var(--color-gris-oscuro);}

.bg-gris-oscuro {background-color : var(--color-gris-oscuro);}

.border-gris-oscuro {border-color : var(--color-gris-oscuro);}



.color-gris {
  color : var(--text-color-black);
}

.color-rojo {
  color : var(--color-dac)!important;
}

.color-amarillo {
  color : var(--color-amarillo);
}

.color-verde {
  color : var(--color-green-dac);
}

.bg-rojo {
  background-color : var(--color-dac);
}

.bg-amarillo {
  background-color : var(--color-amarillo);
}

.bg-verde {
  background-color : var(--color-green-dac);
}

/*
:root {
  --color-dac                      : #00A345;
  --color-darker-dac               : #00742C;
  --color-light-dac                : #00742C;
  --color-btn-success              : var(--color-darker-dac);
  --color-btn-success-border       : var(--color-darker-dac);
  --color-btn-success-hover        : #157347;
  --color-btn-success-hover-border : #146C43;
  --bs-font-sans-serif             : "lato", sans-serif;
  --text-color-black               : #666;
  --text-color-white               : #EEE;
  --color-ribbon-portada           : rgba(0, 163, 69, .7);
}
 */
strong {
  color : var(--color-darker-dac);
}

.btn-success {
  background-color : var(--color-btn-success);
  border-color     : var(--color-btn-success-border);
}

.btn-success:hover {
  background-color : var(--color-btn-success-hover);
  border-color     : var(--color-btn-success-hover-border);
}

body {
  color : var(--text-color-black);
}

a {
  text-decoration : none;
  color           : var(--color-dac);
}

a:hover {
  color : var(--text-color-black);
}

.with-bb {
  border-bottom : 1px solid;
  border-color  : #CCC;
}

.cont-banner-home {
}

.cont-banner-home video {
  max-width : 225px;
  width     : 100%;
}

.green-ribbon {
  max-width        : 600px;
  height           : 100%;
  background-color : var(--color-ribbon-portada);
  position         : absolute;
  top              : 0;
  left             : 16%;
}

.green-ribbon-upper-layer {
  padding    : 0px 20px 20px 20px;
  box-sizing : border-box;
  width      : 600px;
  height     : 799px
}

.cont-items-home {
  width      : 560px;
  text-align : left;
}

.items-home {
  width  : 226px;
  margin : 10px 25px;
}

.items-home.full-width {
  width : 510px;
}

.items-home-img img {
  height : 50px;
  filter : brightness(0) invert(1);
}

.items-home span.items-home-img {
  width   : 70px;
  display : inline-block;
}

.bg-green {
  background-color : var(--color-dac) !important;
}

textarea {
  resize : none;
}

/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select, textarea, input {
    font-size : 16px !important;
  }

  input[type="button"],
  input[type="submit"] {
    -webkit-appearance : none;
  }
}

[readonly] {
  background-color : #DDD;
}

.videoWrapper {
  position       : relative;
  /* 16:9 */
  padding-bottom : 56.25%;
  /* 4:3 */
  /*padding-bottom : 75%; */
  padding-top    : 0;
  height         : 0;
}

.videoWrapper169 {
  padding-bottom : 56.25% !important;
}

.videoWrapper43 {
  padding-bottom : 75% !important;
}

:is(.videoWrapper) :is(video,iframe) {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

input[type=password].verificado, input[type=text].verificado {
  border-color : var(--color-dac);
}

input[type=password].incorrecto, input[type=text].incorrecto {
  border-color : red;
}

.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio168,
.aspectRatio167,
.aspectRatio166,
.aspectRatio165,
.aspectRatio164,
.aspectRatio163,
.aspectRatio162 {
  position : relative;
}

.aspectRatio43:before,
.aspectRatio1:before,
.aspectRatio169:before,
.aspectRatio168:before,
.aspectRatio167:before,
.aspectRatio166:before,
.aspectRatio165:before,
.aspectRatio164:before,
.aspectRatio163:before,
.aspectRatio162:before {
  display : block;
  content : " ";
  width   : 100%;
}

.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
}

.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
}

.aspectRatio168:before {
  padding-top : calc((8 / 16) * 100%);
}

.aspectRatio167:before {
  padding-top : calc((7 / 16) * 100%);
}

.aspectRatio166:before {
  padding-top : calc((6 / 16) * 100%);
}

.aspectRatio165:before {
  padding-top : calc((5 / 16) * 100%);
}

.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
}

.aspectRatio163:before {
  padding-top : calc((3 / 16) * 100%);
}

.aspectRatio162:before {
  padding-top : calc((2 / 16) * 100%);
}

.aspectRatioCupon:before {
  padding-top : calc((296 / 511) * 100%) !important;
}

.aspectRatio1:before {
  padding-top : 100%;
}

.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}

.backCoverCenter {background-position : center;}

.backCoverTopLeft {background-position : top left;}

.backCoverTopCenter {background-position : top center;}

.backCoverTopRight {background-position : top right;}

.backCoverBottomLeft {background-position : bottom left;}

.backCoverBottomCenter {background-position : bottom center;}

.backCoverBottomRight {background-position : bottom right;}

.mid-articulos .list a span.thumbnail {
  background-size     : cover;
  background-position : center;
  background-repeat   : no-repeat;
  display             : block;
}


.filtro-blanco {
  filter : grayscale(1) invert(1) brightness(2);
}

.btn-ingresar, .btn-registrar {
  width : 80%;
}

.top-buttons-external {
  background-color : rgba(255, 255, 255, .7);
}

@media (max-width : 576px) {
  .cont-social-links {
    text-align : center;
  }

  .cont-social-links br {
    display : none;
  }

  .logo-grupo-agencia img {
    margin-top : -8px
  }
}

@media (max-width : 595px) {
  .items-home span.items-home-img {
    width   : auto;
    display : block;
  }

  .items-home {
    width  : 90%;
    margin : 10px 0;
  }

  .btn-ingresar, .btn-registrar {
    width : 90%;
  }

  .items-home.full-width {
    width : 90%
  }
}

@media (max-width : 768px) {
  .menu-sticky,
  #menu-sticky {
    display : none !important;
  }

  .content-sticky,
  #content-sticky {
    margin-left : 0px !important;
  }

  #title-faq {
    margin-left : 0px !important;
  }
}

@media (max-width : 1233px) {
  .green-ribbon {
    max-width : unset;
    height    : auto;
    position  : relative;
    left      : 0;
  }

  .green-ribbon-upper-layer {
    width  : 100%;
    height : auto;
  }

  .cont-items-home {
    margin     : 0 auto;
    width      : 100%;
    max-width  : 560px;
    text-align : center;
  }
}

.dropdown:hover .dropdown-menu {
  display : block;
}

.dropdown-menu {
  margin-top : 0;
}

.user-logged {
  font-size : .8em;
}

/*
.user-logged a {
  text-decoration  : none;
  color            : var(--text-color-white);
  background-color : var(--color-dac);
  font-weight      : normal !important;
  padding          : 2px 7px;
  display          : inline-block;
  border-radius    : 3px;
  margin           : 1px 5px 0 5px;
}

.user-logged a:hover {
  color : #FFF !important;
}
*/
.bg-gradient-green {
  background-color : var(--color-dac);
  background-image : linear-gradient(180deg, var(--color-dac) 10%, var(--color-darker-dac) 100%);
  background-size  : cover;
}

.bg-login-image {
  background-position     : center;
  background-size         : cover;
  background-repeat       : no-repeat;
  border-top-left-radius  : 4px;
  border-top-right-radius : 4px;
}

.formError {
  /*position   : absolute;*/
  /*display    : block;*/
  cursor     : pointer;
  text-align : left;
}

.formError .formErrorArrowBottom {
  display : none;
}

.formError .formErrorContent {
  background         : transparent;
  color              : red;
  border             : none;
  box-shadow         : none;
  -moz-box-shadow    : none;
  -webkit-box-shadow : none;
  -o-box-shadow      : none;
  padding            : 1em 0 0 0;
}

.blackPopup .formErrorContent {
  color : black;
}

.greenPopup .formErrorContent {
  color : green;
}

.cont-extranjero {
  padding-top    : 1em;
  padding-bottom : 1em;
}

.form-floating .formError .formErrorContent {
  padding-left : 1.2em;
  margin-top   : 23px;
}

.item-linkeable::before {
  display       : inline;
  content       : "»";
  margin-left   : -.8em;
  padding-right : .4em;
}


.cont-agencias {
  display : none;
}

.ggi_titulo {
  font-size   : 1.2em;
  font-weight : bold;
}

.ggi_texto {
  margin-bottom : 0;
}

#btnRegister + .formError .formErrorContent {
  padding-left   : 0;
  margin-top     : 10px;
  padding-top    : 10px;
  padding-bottom : 10px;
  font-size      : .8em;
  font-weight    : bold;
}



.mid-envios table tr th {
  white-space : nowrap
}

.mid-envios table.small {
  font-size : 0.7em
}

#cboxLoadedContent .cont {
  padding          : 20px;
  background-color : #FFF;
}

.green-ribbon h2 {
  color : var(--color-darker-dac);
}

.menu-sticky,
#menu-sticky {
  position  : fixed;
  max-width : 220px;
}

.content-sticky,
#content-sticky {
  margin-left : 200px;
}

.cartCounter {
  display            : block;
  background-color   : var(--color-dac);
  color              : white;
  text-align         : center;
  position           : fixed;
  z-index            : 1111;
  padding            : 10px 13px;
  border-radius      : 21px;
  box-shadow         : 1px 1px 19px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow : 1px 1px 19px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow    : 1px 1px 19px 0px rgba(0, 0, 0, 0.75);
  bottom             : 2rem;
  right              : 2rem;
}

.cartCounter span {
  display     : block;
  width       : 100%;
  position    : absolute;
  font-size   : .8em;
  font-weight : bold;
  top         : -1px;
  right       : -3px;
  text-align  : center;
}

.cont-logo-mp {
  /* border: 1px solid #ccc; */
  border-radius : 30px;
  position      : relative;
}

.cont-logo-mp [type="radio"] {
  display : none;
}

.cont-logo-mp .form-check-label {
  padding       : 29px;
  border        : 1px solid #CCC;
  border-radius : 15px;
  cursor        : pointer;
  transition    : .25s;
}

.logo-mp {
  height : 30px;
}

.cont-logo-mp [type="radio"]:checked + label {
  transition         : .25s;
  background-color   : #EEE;
  box-shadow         : 1px 1px 19px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow : 1px 1px 19px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow    : 1px 1px 19px 0px rgba(0, 0, 0, 0.2);
}

.cont-logo-mp [type="radio"]:checked + label .fa.fa-check {
  /* display: inline; */
  opacity    : 1;
  transition : .25s;
}

.cont-logo-mp .fa.fa-check {
  /* display: none; */
  position         : absolute;
  bottom           : -19px;
  right            : -2px;
  color            : green;
  font-size        : 2em;
  background-color : #FFF;
  border-radius    : 50px;
  padding          : 10px 10px;
  border           : 1px solid green;
  opacity          : 0;
}

:is(.menu-sticky,#menu-sticky) .mb-3 > div {
  margin-bottom : .5em;
}

#cboxLoadedContent {
  background-color : #FAFAFA;
  padding          : 10px;
}

.tags-estados {
}

.tags-estados span {
  margin-right : 1em;
}

.smallest {
  font-size : .75em;
}

.tags-estados span {
  margin-right     : 1em;
  background-color : #FFDEDE;
  padding          : 2px 9px 3px 9px;
  border-radius    : 3em;
  cursor           : pointer;
}

.tags-estados span.selected,
.tags-estados span:hover {
  background-color : #FC9F9F;
}

/**/
.responsive-tabs {
  padding : 1rem;
}

.responsive-tabs .nav-tabs {
  display : none;
}

@media (min-width : 768px) {
  .responsive-tabs .nav-tabs {
    display : flex;
  }

  .responsive-tabs .card {
    border : none;
  }

  .responsive-tabs .card .card-header {
    display : none;
  }

  .responsive-tabs .card .collapse {
    display : block;
  }
}

@media (max-width : 767px) {
  .responsive-tabs .tab-pane {
    display : block !important;
    opacity : 1;
  }
}

.pac-container {
  z-index : 99999999999999999;
}

#webChatHey {
  z-index : 11111 !important;
}

#webChatHey .hey-poster {
  background-image    : url(/imagenes/chat-bubble.png) !important;
  background-position : 29px bottom !important;
  background-size     : auto 62px !important;
}

#webChatHey:not(.hey-expanded):not(.hey-dragging) {
  position : fixed;
  bottom   : 2em !important;
  top      : unset !important;
  right    : 8em !important;
  left     : unset !important;
}

#webChatHey .hey-foot,
#webChatHey .hey-head {
  background-color : #D5312D !important;
  background-image : url(/imagenes/chat.png) !important;
}

#webChatHey .hey-head {
  padding : 5px;
}

#webChatHey .hey-head h1 {
  color       : white;
  text-align  : center;
  margin      : 0.5em;
  flex-grow   : 1;
  flex-shrink : 1;
  font-size   : 1em !important;
}

@media (max-width : 500px) {
  #webChatHey:not(.hey-expanded):not(.hey-dragging) {
    bottom : 20px !important;
    right  : 20px !important;
  }
}

.cupon-text {
  text-align : center;
  padding    : 10px;
}

.claim1 {
  padding          : 1em 1em;
  background-color : rgba(255, 255, 255, .7);
}

.claim1 h1 {
  padding   : 0;
  color     : #D5312D;
  font-size : 1.8em;
}

.claim1 h1 span {
  color : #rootfff
}

[contenteditable="true"] {
  border  : 1px dashed #BBB;
  padding : 1px 8px;
}

.importedData [contenteditable="true"] {
  display : block;
}

.importedData i.fas.fa-pen {
  float     : left;
  font-size : 11px;
}

.w-1 {
  width : 1px;
}

.btnGetPegote {
  position : relative;
}

.btnGetPegote.printed .fa-check-circle {
  display : inline;
}

.btnGetPegote.printed .fa-print {
  color : #A2A2A2
}

.btnGetPegote .fa-check-circle {
  display   : none;
  position  : absolute;
  top       : -6px;
  right     : -9px;
  color     : green;
  font-size : 12px;
}

.mh-100 {
  min-height : 100%;
}

.form-label {
  /*font-weight : 700;*/
}