/*
Theme Name:   Subgráfica theme
 Theme URI:    https://subgrafica.com/
 Description:  Subgráfica WP theme - If you’re reading this, please say hi!!
 Author:       Subgráfica Estudio
 Author URI:   https://subgrafica.com/
 Template:     Divi
 Version:      7.0 2026 FEB
 License:      Attribution-NonCommercial 4.0 International
 License URI:  https://creativecommons.org/licenses/by-nc/4.0/
 */



@import url('https://fonts.googleapis.com/css2?family=DM+Sans&family=Jost:wght@200;400&display=swap');
@import url('https://subgrafica.com/data/webfonts/aktifo-a-medium.css');

:root {
    --negro: #111111;
    --gris: #333333;
    --blanco: #ffffff;
    --ffl: "Jost", Helvetica, Arial, Sans-Serif;
    --flh1: 110%;
    --flh2: 140%;
    --fs-1: clamp(1rem, 3vw + 1rem, 1.6rem);
    --fs-2: clamp(0.8rem, 3vw + 1rem, 1.1rem);
    --fs-3: clamp(0.4rem, 1vw + 1rem, 1.1rem);
    --fs-4: clamp(0.2rem, 1vw + 0.8rem, 1rem);
    --fs-5: clamp(0.3rem, 1vw + 1rem, 1.1rem);
    --fs-p: clamp(0.3rem, 1vw + 1rem, 1rem);
}

/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}

html,
body {
  height: 100vh;
  height: var( — app-height);
}

body {
  font-family: var(--ffl);
  font-size: var(--fs-p);
  font-weight: normal;
  overflow: hidden;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  background-color: var(--negro);
}

::selection {
  background: transparent;
  color: #ffffff;
}

::-moz-selection {
  background: transparent;
  color: #ffffff;
}

a:active, a:active * {
  outline: none !important;
  -moz-outline-style: none !important;
}

a:focus, a:focus * {
  outline: none !important;
  -moz-outline-style: none !important;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  text-justify: inter-character;
}

p {
  font-size: var(--fs-p);
  font-weight: 200;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  text-align: left;
  text-justify: newspaper;
  line-height: 160%;
  overflow-wrap: normal;
}

a:link {
  text-decoration: none;
  opacity: 1;
  color: var(--blanco);
  font-weight: 400;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

a:hover {
  text-decoration: none;
  opacity: .8;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

a:visited {
  color: var(--blanco);
  opacity: 1;
}

h1 {
  font-family: var(--ffl);
  font-size: var(--fs-1);
  font-weight: 400;
  text-transform: uppercase;
}

h2 {
  font-family: var(--ffl);
  font-size: var(--fs-2);
  font-weight: 400;
  text-transform: uppercase;
}

h3 {
  font-family: var(--ffl);
  font-size: var(--fs-3);
  font-weight: 400;
}

h4 {
  font-family: var(--ffl);
  font-size: var(--fs-4);
  font-weight: 200;
}

h5 {
  font-family: var(--ffl);
  font-size: var(--fs-5);
  font-weight: 200;
}

h6 {
  font-family: var(--ffl);
  font-size: var(--fs-p);
  font-weight: 200;
}

.vertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.bottom {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.single .et_pb_post {
  margin-bottom: 0px !important;
}


/* Fade effect overlay-*/
.overlay-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}

.overlay-hugeinc.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.overlay-hugeinc .et_pb_section {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.overlay-hugeinc .et_pb_section {
  opacity: 0.4;
  -webkit-transform: none !important;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open .et_pb_section {
  opacity: 1;
  -webkit-transform: none !important;
  transform: none !important;
}

.overlay-hugeinc.close .et_pb_section {
  -webkit-transform: none !important;
  transform: none !important;
}

.overlay-container .overlay-close {
  background-image: url("______") !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px !important;
  color: #EDEBDC !important;
  line-height: 1em;
  right: 4.73%;
  top: 17px;
}

.overlay-container .overlay-close:hover {
  cursor: pointer !important;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  opacity: 1;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.overlay-container .overlay-close::after {
  height: 26px;
}

.mpp-dbt.mpp-skin-pure .mpp-info {
  width: auto;
  cursor: default;
  color: #efefef;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.mpp-dbt.mpp-skin-pure .mpp-title {
  width: auto;
  min-height: 25px;
  float: left;
  padding-right: 15px;
  text-transform: uppercase;
  line-height: 100%;
  color: #ffffff;
  font-family: var(--ffl);
  font-size: var(--fs-4);
  font-weight: 400;
  cursor: default;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.mpp-dbt.mpp-skin-pure .mpp-description {
  width: auto;
  min-height: 25px;
  float: left;
  display: flex;
  line-height: 100%;
  color: #ffffff;
  font-family: var(--ffl);
  font-size: var(--fs-4);
  font-weight: 200;
  cursor: default;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.mpp-dbt.mpp-skin-pure .mpp-description::before {
  content: url('https://josegrimaldo.com/wp-content/uploads/2023/02/Line_text.svg');
  margin-right: 5px;
  left: -4px;
  top: -6px;
  position: relative;
}

.no_text {
  cursor: default;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.mfp-bg {
  background: #0A0A0A !important;
  opacity: 1 !important;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  font-size: 2.3em;
  font-family: sans-serif !important;
  font-weight: 200 !important;
  font-weight: regular;
  opacity: 1;
  top: 10px;
  right: 10px;
  -webkit-animation: timer 1s;
  -moz-animation: timer 1s;
  -o-animation: timer 1s;
  animation: timer 1s;
}

.mfp-close {
}

button.mfp-close {
  font-size: 2em !important;
  font-weight: bold !important;
  opacity: 1 !important;
  line-height: 1 !important;
  top: 0px !important;
  right: 0px !important;
}

.et_pb_video_overlay_hover {
  background: transparent;
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.et_pb_video .et_pb_video_overlay_hover:hover {
  background: rgba(0,0,0,.2) !important;
}

.et_pb_section {
  background-color: #0A0A0A !important;
}

.corto {
}
.largo {
}

.corto .mpp-content {
  height: 44vh;
  min-height: 360px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */

}
.largo .mpp-content {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}
.corto .mpp-thumb {
  height: 44vh;
  min-height: 360px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.largo .mpp-thumb {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.corto .mpp-media {
  height: 44vh;
  min-height: 360px;
  position: absolute;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.largo .mpp-media {
  position: absolute;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.corto .mpp-playlist-item .mpp-video {
  height: 44vh;
  min-height: 360px;
  background-size: cover;
  object-fit: cover;
  object-position: center center;
  visibility: visible!important;
  position: absolute;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.largo .mpp-playlist-item .mpp-video {
  height: 100%;
  width: 100%;
  background-size: cover;
  object-fit: cover;
  object-position: center center;
  visibility: visible!important;
  position: absolute;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mpp-playlist-item .mpp-video {
  background-size: cover;
  object-fit: cover;
  object-position: center center;
  visibility: visible!important;
  position: absolute;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.mpp-inner {
  margin-bottom: 0px;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mpp-playlist-item .mpp-thumb, .mpp-playlist-item .mpp-image {
  border: 1px solid #0A0A0A;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mpp-playlist-inner {
  padding-top: 0px !important;
}

.mpp-media {
  position: absolute;
  border-radius: 20px 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mpp-load-more-btn {
  display: none;
}

#line {
  width: fit-content;
  float: right;
  padding-left: 76px;
  background-position: center left;
  background-image: url(https://josegrimaldo.com/wp-content/uploads/2022/12/Line_2.svg);
  background-repeat: repeat-y;
  background-size: 60px 20px;
  cursor: default;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.lg-backdrop {
  background-color: #0A0A0A !important;
}

.no_view {
  display: none;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
}
.et_pb_video_overlay {
  border-radius: 20px 20px 20px 20px !important;
  padding: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99990;
  opacity: 1;
  transition: opacity 1.5s ease-in-out; /* Fade-out para el preloader */
}

/* Cuando el preloader se oculta */
#preloader.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Animación fade-in al cargar */
.animate-in-ov {
  -webkit-animation: fadeIn 0.5s ease-in !important;
  animation: fadeIn 0.5s ease-in !important;
}

/* Keyframes para el fade-in */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* estado inicial */
html {
background: #0A0A0A;
}

body {
opacity: 0;
transition: opacity .45s ease, transform .45s ease;
transform: translateY(8px);
}

/* página visible */
body.page-ready {
opacity: 1;
transform: translateY(0);
}

/* al salir */
body.page-leave {
opacity: 0;
transform: translateY(-8px);
}
/*** Responsive Styles laptop Only ***/
@media all and (min-width:1081px)and (max-width: 1599px) {
}

/*** Responsive Styles Tablet Landscape Only ***/
@media all and (min-width:821px)and (max-width: 1080px) {

  .mpp-playlist-item .mpp-thumb, .mpp-playlist-item .mpp-image {
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #0A0A0A;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-playlist-item .mpp-video {
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-media {
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }

  .corto .mpp-content {
    height: 290px;
    min-height: 290px;
    max-height: 290px !important;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }

  .corto .mpp-media {
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }

  .corto .mpp-thumb {
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }
  .corto .mpp-playlist-item .mpp-video {
    height: 290px;
    min-height: 290px;
    max-height: 290px !important;
    padding: 0px;
    background-size: cover;
    object-fit: cover;
    object-position: center center;
    visibility: visible!important;
    position: absolute;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }


  .largo {
  }

  .largo .mpp-content {
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }

  .largo .mpp-thumb {
    padding: 0px;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .largo .mpp-media {
    padding: 0px;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .largo .mpp-playlist-inner {
  }

  .mpp-playlist-item .mpp-video {
    border-radius: 20px 20px 20px 20px;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-media {
    border-radius: 20px 20px 20px 20px;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-inner {
  }
}


/*** Responsive Styles Tablet Portrait Only ***/
@media all and (min-width: 768px)and (max-width: 820px) {

  .mpp-playlist-item .mpp-thumb, .mpp-playlist-item .mpp-image {
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #0A0A0A;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-playlist-item .mpp-video {
    height: 360px;
    min-height: 360px;
    max-height: 360px !important;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-media {
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }

  .corto .mpp-content {
    height: 360px;
    min-height: 360px;
    max-height: 360px !important;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }

  .corto .mpp-media {
    height: 360px;
    min-height: 360px;
    max-height: 360px !important;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }

  .corto .mpp-thumb {
    height: 360px;
    min-height: 360px;
    max-height: 360px !important;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }
  .corto .mpp-playlist-item .mpp-video {
    height: 360px;
    min-height: 360px;
    max-height: 360px !important;
    background-size: cover;
    object-fit: cover;
    object-position: center center;
    visibility: visible!important;
    position: absolute;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .largo {
  }

  .largo .mpp-content {
    height: 360px;
    min-height: 360px;
    max-height: 360px !important;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }

  .largo .mpp-thumb {
    height: 360px;
    min-height: 360px;
    max-height: 360px !important;
    padding: 0px;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .largo .mpp-media {
    height: 360px;
    min-height: 360px;
    max-height: 360px !important;
    padding: 0px;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-playlist-item .mpp-video {
    border-radius: 20px 20px 20px 20px;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-media {
    border-radius: 20px 20px 20px 20px;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }


  .mpp-inner {
  }

  #line {
    width: fit-content;
    float: left;
    padding-left: 0px;
    background-position: center left;
    background-image: url(https://josegrimaldo.com/wp-content/uploads/2022/12/Line_2.svg);
    background-repeat: repeat-y;
    background-size: 0px 0px;
    cursor: default;
    -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
  }
}

/*** Responsive Styles Smartphone Only ***/
@media all and (min-width:320px) and (max-width: 767px) {

  .mpp-dbt.mpp-skin-pure .mpp-description::before {
    display: none;
  }

  .mpp-playlist-item .mpp-thumb, .mpp-playlist-item .mpp-image {
    border: 1px solid #0A0A0A;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-playlist-item .mpp-video {
    height: 180px;
    min-height: 180px;
    max-height: 180px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mpp-media {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
  }

  .corto .mpp-content {
    height: 180px;
    min-height: 180px;
    max-height: 180px !important;
    object-fit: cover;
    object-position: center center;
    padding: 0px;
  }

  .corto .mpp-media {
    height: 180px;
    min-height: 180px;
    max-height: 180px !important;
    object-fit: cover;
    object-position: center center;
    padding: 0px;
  }

  .corto .mpp-thumb {
    height: 180px;
    min-height: 180px;
    max-height: 180px !important;
    object-fit: cover;
    object-position: center center;
    padding: 0px;
  }
  .corto .mpp-playlist-item .mpp-video {
    height: 180px;
    min-height: 180px;
    max-height: 180px !important;
    background-size: cover;
    object-fit: cover;
    object-position: center center;
    visibility: visible!important;
    position: absolute;
    border-radius: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }


  .largo .mpp-content {
    height: 180px;
    min-height: 180px;
    max-height: 180px !important;
    object-fit: cover;
    object-position: center center;
    padding: 0px;
  }

  .largo .mpp-thumb {
    height: 180px;
    min-height: 180px;
    max-height: 180px !important;
    padding: 0px;
    object-fit: cover;
    object-position: center center;
  }

  .largo .mpp-media {
    height: 180px;
    min-height: 180px;
    max-height: 180px !important;
    padding: 0px;
    object-fit: cover;
    object-position: center center;
  }

  .mpp-inner {
  }

  .mpp-dbt .mpp-info {
  }

  #line {
    width: fit-content;
    float: left;
    padding-left: 0px;
    background-position: center left;
    background-image: url(https://josegrimaldo.com/wp-content/uploads/2022/12/Line_2.svg);
    background-repeat: repeat-y;
    background-size: 0px 0px;
    cursor: default;
    -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
  }
}