/*
 * Lukas Teissl Academy v3.0.18
 * Spanish course imagery, lightbox and distortion fixes.
 * Loaded exclusively for locale-es.
 */

.locale-es .es-course-overview-section{
  background:
    radial-gradient(circle at 8% 0,rgba(30,200,132,.08),transparent 30rem),
    linear-gradient(180deg,#f8fbfc 0%,#eef4f7 100%);
}
.locale-es .es-premium-course-card{
  overflow:hidden;
  border:1px solid rgba(12,42,62,.10);
  background:#fff;
  box-shadow:0 24px 58px rgba(5,30,48,.10);
}
.locale-es .es-premium-course-card .intl-course-card-visual{
  position:relative;
  min-height:0;
  padding:14px 14px 0!important;
  background:transparent;
}
.locale-es .es-course-card-visual-trigger,
.locale-es .es-course-detail-visual-trigger,
.locale-es .es-pricing-course-visual{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:19px;
  background:#061523;
  box-shadow:0 18px 42px rgba(4,22,36,.18);
  cursor:zoom-in;
  transition:transform .28s ease,box-shadow .28s ease;
}
.locale-es :is(.es-course-card-visual-trigger,.es-course-detail-visual-trigger,.es-pricing-course-visual):hover{
  transform:translateY(-3px);
  box-shadow:0 24px 50px rgba(4,22,36,.24);
}
.locale-es :is(.es-course-card-visual-trigger,.es-course-detail-visual-trigger,.es-pricing-course-visual):focus-visible{
  outline:3px solid rgba(27,199,122,.50);
  outline-offset:4px;
}
.locale-es :is(.es-course-card-visual-trigger,.es-course-detail-visual-trigger,.es-pricing-course-visual) img{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:3/2!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:inherit;
  background:#061523;
}
.locale-es .es-course-card-visual-trigger img{
  transition:transform .35s ease;
}
.locale-es .es-course-card-visual-trigger:hover img{
  transform:scale(1.012);
}
.locale-es .es-image-zoom-hint{
  position:absolute;
  right:12px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(3,15,25,.86);
  color:#fff!important;
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.05em;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
  backdrop-filter:blur(10px);
}
.locale-es .es-image-zoom-hint b{
  color:#7ef0b8;
  font-size:.9rem;
}
.locale-es .es-premium-course-card .intl-course-card-visual>span:not(.es-image-zoom-hint){
  z-index:3;
}
.locale-es .es-premium-course-card .intl-course-card-content h2,
.locale-es .es-premium-course-card .intl-course-card-content h3{
  color:#0a2033!important;
}
.locale-es .es-premium-course-card .intl-course-card-content p{
  color:#5d7183!important;
}

.locale-es .es-premium-course-detail-hero .course-hero-art{
  display:grid;
  place-items:center;
}
.locale-es .es-course-detail-visual-trigger{
  max-width:610px;
  padding:11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));
  box-shadow:0 30px 70px rgba(0,0,0,.30);
}
.locale-es .es-course-detail-visual-trigger img{
  border-radius:18px;
}

.locale-es .es-course-bundle-section .intl-journey-visual-trigger img{
  width:100%;
  height:auto!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center!important;
}

.locale-es .es-pricing-course-section .intl-pricing-course-grid>article{
  overflow:hidden;
  padding:14px 14px 26px;
  border:1px solid rgba(12,42,62,.10);
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 48px rgba(5,30,48,.09);
}
.locale-es .es-pricing-course-visual{
  margin-bottom:21px;
}
.locale-es .es-pricing-course-section .intl-pricing-course-grid>article>small,
.locale-es .es-pricing-course-section .intl-pricing-course-grid>article>h3,
.locale-es .es-pricing-course-section .intl-pricing-course-grid>article>p,
.locale-es .es-pricing-course-section .intl-pricing-course-actions{
  margin-right:10px;
  margin-left:10px;
}

/* The new portrait is already a complete card, including its name plate. */
.locale-es .intl-founder-portrait.intl-founder-portrait-complete{
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}
.locale-es .intl-founder-portrait.intl-founder-portrait-complete img{
  display:block;
  width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
}

.locale-es #academy-visual-lightbox :is(h2,h3,strong){color:#fff!important}
.locale-es #academy-visual-lightbox :is(p,li,small,span){color:#d9e6ef!important}

@media(max-width:900px){
  .locale-es .es-course-detail-visual-trigger{margin-inline:auto}
}
@media(max-width:720px){
  .locale-es .es-premium-course-card .intl-course-card-visual{padding:10px 10px 0!important}
  .locale-es .es-pricing-course-section .intl-pricing-course-grid>article{padding:10px 10px 22px}
  .locale-es .es-image-zoom-hint{right:9px;bottom:9px;padding:7px 9px;font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){
  .locale-es :is(.es-course-card-visual-trigger,.es-course-detail-visual-trigger,.es-pricing-course-visual),
  .locale-es .es-course-card-visual-trigger img{transition:none!important}
}