/*
Theme Name: Transmax Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: -
Version: 1.0
Template: transmax
Text Domain: transmax-child
*/

/* =======
General 
=========== */
@font-face {
    font-family: "MyriadPro-Regular";
    src: url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.eot");
    src: url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.svg#MyriadPro-Regular")format("svg");
}



#main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.elementor-page-5740 #main.site-main {
    padding-top: 0px;
    padding-bottom: 0px;
}

body.elementor-page-5752 #main.site-main {
    padding-top: 0px;
    padding-bottom: 0px;
}

p {
    font-family: "MyriadPro-Regular" !important ;
    margin: 0 !important;
}

ul,
li,
a, span  {  /* ,span en caso que sea necesario */
    font-family: "MyriadPro-Regular" !important;
}



h6 {
    font-family: "MyriadPro-Regular" !important;
}

.oki-font-family .elementor-heading-title {
    font-family: "MyriadPro-Regular" !important;
}

.oki-font-family-2 .elementor-widget-container .wgl-double-heading .dblh__title-wrapper .dblh__title,
.oki-font-family-2 .lementor-heading-title {
    font-family: "Titillium Web" !important;
}

.oki-cta-more {
    cursor: pointer;
    /* color: var(--Text-txt-dark-secondary, #4A545D); */
    font-family: "MyriadPro-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 29.25px;
    letter-spacing: -0.439px;
}

.oki-blur-hero::after{
    width: 50% !important;
    mask-image: linear-gradient(
        to left, 
        transparent 0%, 
        transparent 0%, 
        black 15%, 
        black 100%
    );
}
@media (width < 900px) {
    .oki-blur-hero::after{
        width: 90% !important;
        mask-image: linear-gradient(
            to left, 
            transparent 0%, 
            transparent 0%, 
            black 15%, 
            black 100%
        );
    }
}

/* Botones */

.btn-general-s .wgl-button-text {
    font-family: "MyriadPro-Regular";
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
}

.btn-general-m .wgl-button-text {
    font-family: "MyriadPro-Regular";
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
}

.btn-hero .elementor-button-icon svg {
    width: 10px;
    height: 15px;
}

/* Scroll Up Icon *** test *** */

#scroll_up {
    border-radius: 6px;
}

/* =======
HEADER - NAV
=========== */

.oki-logo-mdstock .default_logo {
    width: 230px;
}

.nav-personal nav ul li a .item_text {
    font-family: "MyriadPro-Regular";
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
}

.nav-personal nav ul li a:last-of-type {
    padding-right: 0;
}

.btn_contact_nav .wgl-button-text {
    font-family: "MyriadPro-Regular";
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
}

/* =======
FOOTER 
=========== */

.header_footer .theme-header-font {
    font-family: "MyriadPro-Regular";
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.hover_links_footer p {
    font-family: "MyriadPro-Regular";
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

/* Hover */

.hover_links_footer:hover p:hover,
.hover_links_footer:focus p:focus {
    /* font-weight: 600; */
    line-height: 140%;
    text-decoration: underline;
    text-decoration-style: solid;
    cursor: pointer;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.copy_moldstock .theme-header-font {
    font-family: "MyriadPro-Regular";
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

/* Layout footer */

.mxw-1320 {
    max-width: 1320px;
    width: 100%;
}

.elementor-element .container-logo,
.elementor-element .container-contacto,
.elementor-element .container-empresa,
.elementor-element .container-rrss {
    width: fit-content;
}

@media (max-width: 1200px) {
    .elementor-element .container-logo {
        width: 100%;
    }
}

/* =======
PÁGINAS DE TEXTOS LEGALES
=========== */

.pb-0 ul {
    padding-bottom: 0;
}

/* =======
PÁINA CONTACTO
=========== */

.elementor-element .card-container-donde-estamos {
    height: 100%;
    justify-content: center;
}

.elementor-element .card-container-contacto {
    height: 100%;
    justify-content: center;
}

/* Form */
._form_1 div form{
    width: auto !important;
}
@media (min-width: 768px) {
 ._form_1 div form{
    width: 100% !important;
}   
}
.contact-form-ms .wpcf7-form {
    font-family: "MyriadPro-Regular";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.15px;
}

.contact-form-ms .ms-lbl {
    color: #364153;
    margin-bottom: 0;
}

.contact-form-ms .wpcf7-form-control-wrap {
    padding-top: 8px;
}

.contact-form-ms .wpcf7-form-control-wrap input[type="text"] {
    height: 50px;
}

.contact-form-ms .wpcf7-form-control-wrap .wpcf7-list-item-label {
    color: #4A545D;
    font-family: "MyriadPro-Regular";
    font-weight: 600;
    padding-top: 0;
    font-size: 14px;
}

.wgl-contact-form-7 .wpcf7 .wpcf7-form .enviar {
    padding: 17px 36px !important;
    height: 56px !important;
    width: auto !important;
    margin: 24px auto !important;
    display: flex;
}

.contact-form-ms .wpcf7-spinner {
    display: none;
}

/* =======
PÁINA NOSOTROS
=========== */

.elementor-element .card-mision .wgl-service_description,
.elementor-element .card-vision .wgl-service_description {
    font-family: "MyriadPro-Regular";
    height: 100%;
}

.elementor-element .card-mision,
.elementor-element .card-vision {
    height: 100%;
}

.elementor-element .card-mision .button-read-more span,
.elementor-element .card-vision .button-read-more span {
    display: none;
}

.elementor-element .card-valores .button-read-more span {
    display: none;
}

.card-vision .texto-limitado,
.card-mision .texto-limitado,
.card-valores .texto-limitado {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Número de líneas que quieres mostrar */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Esconde el texto que sobra */
    text-overflow: ellipsis;
    /* Añade los puntos suspensivos (...) */
}

/* =======
PÁINA Dónde Estamos
=========== */

body.elementor-page-10804 #main.site-main {
    padding-bottom: 0px;
    padding-top: 0px;
}

.elementor-element .card-ubi {
    height: 100%;
}

.card-ubi .texto-limitado {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Número de líneas que quieres mostrar */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Esconde el texto que sobra */
    text-overflow: ellipsis;
    /* Añade los puntos suspensivos (...) */
}


/* ===========
NOTICIAS
=========== */
.blog-post_bg_media{
    background-image: url(https://moldstock.com/wp-content/uploads/2026/02/MOLDSTOCK-LLICA-D-AMUNT.jpg) !important;
}
.oki-seccion-noticias .elementor-widget-container .wgl_cpt_section .blog-posts .container-grid .item .blog-post .blog-post_wrapper .blog-post_content .post_categories span:nth-child(n+3) {
    display: none;
}

.oki-seccion-noticias .elementor-widget-container .wgl_cpt_section .blog-posts .container-grid .item .blog-post .blog-post_wrapper .blog-post_content {

    & .post_meta-wrap {
        height: 48px;
    }

    & .blog-post_title {
        line-height: 28px;
        height: 84px;

        & a {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            /* Número de líneas que quieres mostrar */
            -webkit-box-orient: vertical;
            overflow: hidden;
            /* Esconde el texto que sobra */
            text-overflow: ellipsis;
        }
    }

    & .blog-post_text {
        height: 40px;
    }
}

.blog-post_content h2,
.blog-post_content h3,
.blog-post_content img {
    margin-top: 18px;
}

.sidebar-container .theiaStickySidebar .sidebar .widget .wp-block-group .wp-block-group__inner-container .wp-block-heading,
.sidebar-container .theiaStickySidebar .sidebar .widget .title-wrapper .title {
    color: #A4001D;
}




.blog_columns-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: 24px;
}

.blog_columns-3 .item {
  width: 100% !important;
  display: flex;
  margin-top: 0 !important;
}

.blog-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.blog-post_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.blog-post_content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blog-post_footer {
  margin-top: auto;
}

.blog-post_media {
  height: 115px;
  overflow: hidden;
  flex-shrink: 0;
}

.blog-post_media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-post_media:empty,
.blog-post.format-no_featured .blog-post_media,
.blog-post.hide_media .blog-post_media {
  display: none;
}

/* Título fijo 160px */
.blog-post_title {
  overflow: hidden;
}

/* Gap entre título y excerpt */
.blog-post_text {
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.blog-post.format-no_featured .blog-post_wrapper {
  padding-top: 0 !important;
}

.container-grid.row.blog_columns-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  float: none !important;
}
.blog_columns-3::before,
.blog_columns-3::after {
  display: none !important;
  content: none !important;
}
.wgl-pagination {
  display: flex !important;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 30px;

}
/* Título */
.blog-post_title {
  max-height: 160px;
  overflow: hidden; 
  font-size: 20px !important;
  font-weight: 600 !important;
}

/* Excerpt */
.blog-post_text {
margin-top: 12px !important;
  max-height: 120px ;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* =============
WIDGET
============= */

.theiaStickySidebar .sidebar .transmax_banner-widget .banner-widget_wrapper .banner-widget_button {
    background-color: #A4001D;
}

.theiaStickySidebar .sidebar .transmax_banner-widget .banner-widget_wrapper .banner-widget_button:hover {
    background-color: #861F1C;
}

/* =============
HOME
============= */

.w-a {
    max-width: 989px;
    /* width: auto!important; */
}

.sec-2-heading {
    text-wrap: balance;
}

.elementor-element .btn-hero-soluciones .elementor-button {
    cursor: pointer;
}

.services-point {
    cursor: pointer;
}

.servicios-anima:hover .wgl-service_button i {
    border: 1.5px solid #FFF !important;
    background-color: pink;
}

.servicios-anima .wgl-service_subtitle {
    font-family: "MyriadPro-Regular" !important;
    font-size: 26px;
    font-weight: 400;
    line-height: 140%;
}

.card-logistica {
    border: 2px solid var(--Neutral-Neutral-05, #F6F6F6);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    max-width: 378.656px;
}

.card-shadow-icon {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.elementor-element .card-sectores {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}

.elementor-element .card-sectores:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}

.card-sectores-heading {
    cursor: pointer;
    font-family: "MyriadPro-Regular";
}

.gi-h4 .elementor-heading-title {
    color: #2D2D2D;
    font-family: "MyriadPro-Regular";
    font-size: 30px;
    font-weight: 600;
    line-height: 140%;
}

.h5-mp-light .elementor-heading-title {
    font-family: "MyriadPro-Regular";
    font-size: 28px;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

.cl-h4-mp .elementor-heading-title {
    font-family: "MyriadPro-Regular";
    font-size: 30px;
    font-weight: 600;
    line-height: 140%;
}

.gi-num .wgl-counter__value span,
.gi-num span.wgl-counter__value {
    font-family: "Titillium Web";
}

/* =============
SECTORES
============= */
@media (width <=360px) {
    .oki-text-size-13 .elementor-heading-title {
        font-size: 13px !important;
    }
}

/* =============
LOGISTICA
============= */
.oki-containergestion {
    height: 328px !important;
    width: 302px !important;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0 !important;
}

.oki-containergestion .elementor-widget-container .wgl-infobox .wgl-infobox_wrapper .content_wrapper .wgl-infobox-title_wrapper .wgl-infobox_title .wgl-infobox_title-idle {
    color: #A4001D !important;
}

@media (min-width: 1921px) {
    .oki-max-with {
        width: 1320px !important;
        max-width: 1320px !important;
        /* Añadimos max-width por seguridad */
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
        /* Para asegurar que el margin auto funcione */
    }

    .oki-max-with .elementor-element .elementor-element .oki-font-family-2 .elementor-widget-container .wgl-double-heading .dblh__title-wrapper {
        width: 608px !important;
    }
}

.oki-flex-start .e-con-inner .elementor-element {
    display: flex;
    justify-content: flex-start;
}

@media (width < 1580px) {
    .oki-max-with .e-con-inner .elementor-element .elementor-element .elementor-element{
        width: auto;
    }
}

@media (width < 1320px) {
    .oki-pading-top-0 .e-con-inner{
        padding-top: 0 !important;
    }
}

/* =============
FORMULARIO ACTIVE CAMPAIN
============= */

@media (width <= 767px) {
    .elementor-shortcode ._form {
        width: 100% !important;
        max-width: 100%;
    }
}

/* .elementor-shortcode ._form,
#_form_69B7D13689FBD_ {
    margin: 0 !important;
    width: 584px;
    padding: 32px !important;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 12px !important;
    background: var(--Neutral-Neutral-00, #FFF) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10) !important;
} */
.e-lazyloaded .e-con-inner .elementor-element .elementor-widget-shortcode .elementor-shortcode ._form{
    padding: 0px !important;
}
.e-lazyloaded .e-con-inner .elementor-element .elementor-widget-shortcode .elementor-shortcode ._form ._form-content ._form_element label{
    color: #364153 !important;

    /* Body S/Semi */
    font-family: "MyriadPro-Regular" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;

    margin-bottom: 8px !important;
}

.elementor-shortcode ._form ._form-content ._form_element ._field-wrapper input,
.elementor-shortcode ._form ._form-content ._form_element ._field-wrapper select{
    display: flex !important;
    height: 50px !important;
    padding: 12px 16px !important;
    align-items: center !important;
    align-self: stretch !important;

    border-radius: 10px !important;
    border: 1px solid var(--Text-txt-light-secondary, #E6E8EA) !important;
}

.elementor-shortcode ._form ._form-content ._button-wrapper ._submit{
    display: flex !important;
    height: 56px !important;
    padding: 17px 30px 17px 36px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    color: var(--Neutral-Neutral-00, #FFF) !important;
    text-align: center !important;

    /* Body L/Regular */
    font-family: "MyriadPro-Regular" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important; /* 30px */
    letter-spacing: 0.2px !important;
    text-transform: none !important;
}
#_form_69B7CD47428E6_ ._form-content ._button-wrapper #_form_1_submit,
#_form_69B7CDA341EF7_._inline-form ._submit{
    padding: 17px 30px 17px 36px !important;

}

.elementor-shortcode ._form ._form-content ._form_element ._form-fieldset ._row ._form-label{
    font-family: "MyriadPro-Regular" !important;
}

._form_element   {
    width: 50% !important;
    margin: 0 !important;
    padding-right: 20px;
    & div input{
        width: 100% !important;
    }
}

@media ( 667px >= width) {
    ._form_element   {
        width: 100% !important;
    }    
}

._x42731980, ._x20262771, ._x80912574, ._x77094740, ._x47978206, ._x67585254, ._x14629259, ._x23692991  {
    width: 100% !important;
}

.elementor-element-8e23992 .elementor-shortcode ._form_1 div form{
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.mobile_nav_wrapper .button_switcher {
  width: 40px !important;
  left: auto !important;
  right: 0 !important;
}
._form_element:nth-last-child(4)  {
    width: 100% !important;
    padding-bottom: 20px !important;
}
.oki-form-newsetter ._form_element {
    width: 100% !important;
}
.oki-form-newsetter ._button-wrapper {
    margin: 20px 0;
}
/* @media ( 1200px >= width > 1){
    .oki-ac-form{
        width: 60% !important;
    }
} */

#ez-toc-container{
    margin-top: 10px;
}

._form_element > label{
    position: absolute !important;
    left: 15px !important;
    top: 16px !important;
    font-size: 15px !important;
    z-index: 999;
    color: #364153 !important;
    font-family: Titillium Web !important;
}
._form_element:has(#recaptcha_0) > label {
    position: relative !important;
    left: unset !important;
    top: unset !important;
}

._form_element:focus-within > label {
    display: none !important;
}

._form_element > input:not([value=""]) + label,
._form_element > select:not([value=""]) + label {
    display: none !important;
}
._form_element:focus-within > label {
    opacity: 0 !important;
}


body.single-post .blog-post_content p, body.single-post .blog-post_content li{
    font-weight: 400;
}


/* ENTRADAS */
/* ===== FORMATO ENTRADAS BLOG ===== */

/* Párrafos */
.blog-post-single-item .blog-post_content p {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 20px;
}

/* Quitar negrita innecesaria de los títulos */
.blog-post-single-item .blog-post_content h2 strong,
.blog-post-single-item .blog-post_content h3 strong,
.blog-post-single-item .blog-post_content h4 strong {
    font-weight: inherit;
}

/* H2 */
.blog-post-single-item .blog-post_content h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 40px;
    margin-bottom: 16px;
}

/* H3 */
.blog-post-single-item .blog-post_content h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: 12px;
}

/* Listas */
.blog-post-single-item .blog-post_content ul,
.blog-post-single-item .blog-post_content ol {
    margin: 0 0 20px 24px;
    padding: 0;
}

.blog-post-single-item .blog-post_content li {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    margin-bottom: 8px;
}

/* Tablas */
.blog-post-single-item .blog-post_content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    font-size: 15px;
}

.blog-post-single-item .blog-post_content table td,
.blog-post-single-item .blog-post_content table th {
    border: 1px solid #ddd;
    padding: 10px 14px;
    line-height: 1.6;
}

/* Imágenes */
.blog-post-single-item .blog-post_content figure {
    margin: 30px 0;
}

.blog-post-single-item .blog-post_content figure img {
    width: 100%;
    height: auto;
}


/* ===== AJUSTES ENTRADAS BLOG ===== */

/* Bloque izquierdo de la noticia - padding right 50px */
#main-content .blog-post_content {
    padding-right: 50px;
}

/* Tablas - padding top 24px */
#main-content .blog-post_content table {
    padding-top: 24px;
}

/* UL - margin left 12px y padding top 20px */
#main-content .blog-post_content ul {
    padding-left: 12px;
    padding-top: 20px;
}

/* Índice de contenidos (ez-toc) - padding top 24px */
#main-content .blog-post_content .ez-toc-counter {
    padding-top: 24px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;

}
/* Gap entre contenido y sidebar */
.wgl-content-sidebar #main-content {
    width: calc(75% - 36px) !important;
}

.sidebar-container.sticky-sidebar.wgl_col-3 {
    margin-left: 36px !important;
}

@media (max-width: 768px) {
    #main-content,
    .sidebar-container.sticky-sidebar.wgl_col-3 {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

/* Cards del listado blog - misma altura */
/* Igualar altura de todas las cards del carousel */
.wgl-carousel .swiper-wrapper {
    align-items: stretch !important;
}

.wgl-carousel .swiper-slide {
    height: auto !important;
    max-height: 550px;
}

.wgl-carousel .blog-post_media img {
    max-height: 200px;
    object-fit: cover;
    width: 100%;
}

.wgl-carousel .blog-post,
.wgl-carousel .blog-post_wrapper {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.wgl-carousel .blog-post_content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.wgl-carousel .blog-post_footer {
    margin-top: auto !important;
}


.elementor-widget-icon .elementor-icon:hover path {
    fill: #A4001D;
    stroke: #A4001D;
    transition: fill 0.3s ease, stroke 0.3s ease;
}


#comments {
    display: none !important;
}

.btn-mold{
    display: flex !important;
    height: 56px !important;
    padding: 17px 30px 17px 36px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}

form fieldset ._checkbox-radio label{
    position: absolute!important;
    padding-left: 20px!important;
}

.wgl-logotype-container img {
    width: 100%!important;
    
}