.uk-card-default, .uk-card-primary, .uk-card-secondary, .uk-background-norepeat, .uk-card-hover{border-radius:10px !important}
.uk-tile-muted, .uk-tile-default, .uk-tile-primary, .uk-tile-secondary, .uk-background-norepeat, .uk-tile-hover{border-radius:10px !important}

.uk-tile-default .uk-background-norepeat{border-radius:80px;}

.uk-slideshow-items {border-radius:10px 0 0 10px !important}
@media(max-width: 600px){/*clase contenida*/.sk-lefts .uk-slideshow-items{border-radius:10px !important}}
.sk-left .uk-background-norepeat {border-radius: 10px 0 0 10px !important;}
.sk-right .uk-background-norepeat {border-radius: 0 10px 10px 0 !important;}
/*cover slide*/

.sk-coverslide {clip-path: inset(0 0 0 100%);transition: clip-path 0.8s cubic-bezier(0.25, 1, 0.3, 1);}

/*base borders */

:root {
  --sk-radius: 10px;
}


/*mobile over columns */

@media (max-width: 640px) {
  .uk-grid > * [class*="uk-tile"],
  .uk-grid > * .uk-background-norepeat {
    border-radius: var(--sk-radius) !important;
  }
}


:root {
  --sk-space-x: 44px;
  --sk-space-y: 40px;
}

@media (max-width: 768px) {

  /* 1. HEADINGS EN FLUJO NORMAL */
  .uk-section .uk-grid > div :is(h1,h2,h3,h4,h5,h6) {
    padding: var(--sk-space-y) var(--sk-space-x) 0 !important;
  }

  /* 2. CONTENIDO ENRIQUECIDO */
  .uk-section .uk-grid .el-content {
    padding: 0 var(--sk-space-x) var(--sk-space-y) !important;
  }

  /* 3. TEXTO SIMPLE */
  .uk-section .uk-grid > div .uk-panel.uk-margin:not(:has(.el-content)) {
    padding: 0 var(--sk-space-x) !important;
  }

  /* 🔥 4. FIX: EXCLUIR CARDS CON IMAGEN (.el-item) */
  .uk-section .uk-grid .el-item :is(h1,h2,h3,h4,h5,h6) {
    padding: 0 !important;
  }

  /* 🔥 5. FIX EXTRA: eliminar margen superior de títulos en cards */
  .uk-section .uk-grid .el-item .el-title {
    margin-top: 20px !important;
  }

}



@media(max-width: 600px){/*clase contenida*/.sk-padding {padding-left: 20px !important; padding-right:20px !important}/*_____*/}
@media (max-width: 600px){/*clase contenida*/.sk-square .el-image {aspect-ratio: 1/1;object-fit: cover;}/*_____*/}



/** ios1-ios6 bubbles **/
.bubble {position: relative; background: #ABD888;border: solid 1px #ABD888;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius:40px;padding:6px;color:#242424;font-size:1.2em;}
.bubble:before, .bubble:after {border-radius: 60px / 6px;content: ''; display: block; position: absolute;}
.bubble:after {border: 8px solid transparent;border-bottom-color: #ABD888; /* arrow color */ bottom: 1px;left:-6px;}
.bubble-alt:after {left: auto;right: 1px;}

.sk-chat {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #ABD888;
  border: 1px solid #ABD888;
  border-radius: 40px;
  padding: 8px 20px;
  color: #242424;
  font-size: 1.2em;
  display: inline-block;
  font-family: 'SK_Medium', sans-serif;
  line-height: 1.2;
}

.sk-chat::after {
  content: '';
  position: absolute;
  bottom: 2px;
  right: -2px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #ABD888 transparent;
  transform: rotate(18deg);
}


.sk-spinner {position: relative;width: 120px;height: 120px;}
.sk-spinner:before,.sk-spinner:after {content: "";position: absolute;top: 50%;left: 50%; width: 120px;height: 120px;margin-top: -60px;margin-left: -60px;border-radius: 50%;background: #CDD79F;opacity: 0;z-index: -2;animation: pulse 1.4s linear infinite;    }
.sk-spinner:after {animation-delay: 0.5s;}
.sk-spinner img {width: 44px;height: 44px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}

    @keyframes pulse {
      0% {
        transform: scale(0);
        opacity: 1;
      }
      100% {
        transform: scale(1.2);
        opacity: 0;
      }
    }


  .tabla-tallas {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    font-family:SK_Shapes;
    font-size: 14px;
    margin-bottom: 2rem;
  }
  .tabla-tallas tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .tabla-tallas td {
    padding: 0px 4px;
    text-align: center;
    border: 1px solid #ccc;
    border-collapse: collapse;
  }
  .tabla-tallas td:first-child {
    text-align: left;
    font-family:SK_Medium;
  }
  .tabla-tallas tr:nth-child(even) {
    background-color: #f9f9f9;
  }