.elementor-384 .elementor-element.elementor-element-d0ac12b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-dd0d4d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-85c718f{--grid-template-columns:repeat(1, auto);text-align:center;z-index:99;--icon-size:20px;--grid-row-gap:9px;}.elementor-384 .elementor-element.elementor-element-85c718f.elementor-element{--align-self:flex-end;}.elementor-384 .elementor-element.elementor-element-85c718f .elementor-social-icon{border-style:double;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-384 .elementor-element.elementor-element-4396dcc{margin:-45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-4396dcc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-384 .elementor-element.elementor-element-4f4dfae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-384 .elementor-element.elementor-element-6c4ede4 .elementor-button{background-color:#A9D7FB;font-family:"Patrick Hand", Sans-serif;font-weight:900;fill:#000000;color:#000000;}.elementor-384 .elementor-element.elementor-element-6c4ede4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:99;border-style:none;}.elementor-384 .elementor-element.elementor-element-a53bb30{--display:flex;}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-384 .elementor-element.elementor-element-b130f9e{--grid-row-gap:3px;--grid-column-gap:13px;}.elementor-384 .elementor-element.elementor-element-b130f9e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.87 * 100% );}.elementor-384 .elementor-element.elementor-element-b130f9e:after{content:"0.87";}.elementor-384 .elementor-element.elementor-element-b130f9e .elementor-post__thumbnail__link{width:20%;}.elementor-384 .elementor-element.elementor-element-b130f9e.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:19px;}.elementor-384 .elementor-element.elementor-element-b130f9e.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:19px;}.elementor-384 .elementor-element.elementor-element-b130f9e.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:19px;}.elementor-384 .elementor-element.elementor-element-b130f9e .elementor-post__title{margin-bottom:0px;}.elementor-384 .elementor-element.elementor-element-b130f9e .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-384 .elementor-element.elementor-element-b130f9e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-384 .elementor-element.elementor-element-b130f9e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-384 .elementor-element.elementor-element-b130f9e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-384 .elementor-element.elementor-element-b130f9e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-384 .elementor-element.elementor-element-2671ede{left:-110px;}body.rtl .elementor-384 .elementor-element.elementor-element-2671ede{right:-110px;}.elementor-384 .elementor-element.elementor-element-2671ede{top:0px;z-index:1;}.elementor-384 .elementor-element.elementor-element-2671ede img{width:9%;}.elementor-384 .elementor-element.elementor-element-8c742b7{--display:flex;}@media(min-width:768px){.elementor-384 .elementor-element.elementor-element-dd0d4d9{--width:9%;}.elementor-384 .elementor-element.elementor-element-4f4dfae{--width:84%;}}@media(max-width:767px){.elementor-384 .elementor-element.elementor-element-d0ac12b{--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:46px;--z-index:99;}.elementor-384 .elementor-element.elementor-element-dd0d4d9{--width:15%;}.elementor-384 .elementor-element.elementor-element-85c718f{--grid-template-columns:repeat(1, auto);padding:56px 0px 0px 0px;--icon-size:15px;--grid-column-gap:0px;--grid-row-gap:8px;}.elementor-384 .elementor-element.elementor-element-4396dcc{--e-transform-scale:1.7;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-4396dcc img{width:100%;}.elementor-384 .elementor-element.elementor-element-4f4dfae{--width:85%;--margin-top:-8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-6c4ede4{width:var( --container-widget-width, 100% );max-width:100%;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + -24px) -9px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;}.elementor-384 .elementor-element.elementor-element-6c4ede4 .elementor-button{font-size:11px;border-radius:5px 5px 5px 5px;}.elementor-384 .elementor-element.elementor-element-a53bb30{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-b130f9e{--grid-row-gap:1px;--grid-column-gap:0px;}.elementor-384 .elementor-element.elementor-element-b130f9e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-384 .elementor-element.elementor-element-b130f9e:after{content:"0.5";}.elementor-384 .elementor-element.elementor-element-b130f9e .elementor-post__thumbnail__link{width:18%;}.elementor-384 .elementor-element.elementor-element-2671ede{width:100%;max-width:100%;top:16px;z-index:1;}.elementor-384 .elementor-element.elementor-element-2671ede.elementor-element{--align-self:center;}body:not(.rtl) .elementor-384 .elementor-element.elementor-element-2671ede{left:119px;}body.rtl .elementor-384 .elementor-element.elementor-element-2671ede{right:119px;}.elementor-384 .elementor-element.elementor-element-2671ede img{width:43%;}}/* Start custom CSS for button, class: .elementor-element-6c4ede4 *//* 1. EL CONTENEDOR PRINCIPAL DEL BOTÓN */
.elementor-384 .elementor-element.elementor-element-6c4ede4 .elementor-button {
    background: transparent !important; 
    color: #000000 !important;
     
    margin: 0px;
    padding-bottom: 20px;
    border-style: solid;
    border-width: 30px; 
    border-color: transparent; 
    /* Tu brocha genial */
    border-image-source: url('https://ataraxiapi.com/wp-content/uploads/2026/03/bordebotonfondoblanco.webp');
    border-image-slice: fill 170; 
    border-image-repeat: stretch;
    border-image-outset: 0px; 
    position: relative;
    z-index: 100;
    box-shadow: none !important;
    transition: all 0.2s;
}

/* 2. EL FONDO DE COLOR "FALSO" DETRÁS DEL BORDE */
.elementor-384 .elementor-element.elementor-element-6c4ede4 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0px; 
    bottom: 10px; 
    left: -15px; 
    right: -15px;
    /* Color azulado como en la captura original (puedes cambiarlo) */
    background-color: #FFFFFF !important; 
    z-index: -1; 
    border-radius: 8px; 
    transition: all 0.2s;
}

/* 3. EL TEXTO DEL BOTÓN */
.elementor-384 .elementor-element.elementor-element-6c4ede4 .elementor-button-text {
    position: relative;
    z-index: 9999; 
}

/* 4. EFECTOS AL PASAR EL RATÓN (HOVER) */
.elementor-384 .elementor-element.elementor-element-6c4ede4 .elementor-button:hover::before {
    /* Cambia al crema al pasar el ratón */
    background-color: #E3B177 !important;
}

.elementor-384 .elementor-element.elementor-element-6c4ede4 .elementor-button:hover {
    transform: scale(1.05) rotate(2deg);
}/* End custom CSS */
/* Start custom CSS *//* 1. EL CONTENEDOR DE CADA CÓMIC (Alineamos todo en horizontal) */
body.elementor-page-384 .elementor-post {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 0px; /* Separación entre el cuadrado y el botón */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 20px;
}

/* 2. EL CUADRADO DE LA FOTO */
body.elementor-page-384 .elementor-post__thumbnail {
    flex: 0 0 80px; /* Tamaño del cuadrado: 80px */
    height: 60px;
    margin: 0 !important;
    padding: 0 !important;
    
    /* Le ponemos el borde grueso negro y le quitamos giros/rotaciones */
    border: 3px solid #000000;
    background-color: #FFFFFF;
    transform: none !important; 
    overflow: hidden; /* Para que la foto no se salga del borde */
}

/* Que la foto rellene el 100% perfecto */
body.elementor-page-384 .elementor-post__thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 3. LA CAJA DEL TEXTO (EL BOTÓN AMARILLO ALARGADO) */
body.elementor-page-384 .elementor-post__text {
    flex: 1; /* Ocupa todo el resto del ancho */
    background-color: #FADE85; /* El color amarillo/crema */
    border: 3px solid #000000;
    padding: 15px 20px !important;
    text-align: center; /* Centramos el texto dentro */
    margin: 0 !important;
}

/* 4. EL TÍTULO DENTRO DEL BOTÓN */
body.elementor-page-384 .elementor-post__title {
    margin: 0 !important;
}

/* Aseguramos que el hipervínculo sea de color negro para que se lea perfecto */
body.elementor-page-384 .elementor-post__title a {
    color: #000000 !important;
    font-size: 13px;
}

/* 5. EFECTO HOVER AL PASAR EL RATÓN */
/* Hace que salte y gire un poquito toda la caja (foto + botón) */
body.elementor-page-384 .elementor-post:hover {
    transform: scale(1.03) rotate(-1deg);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

/* Opcional: Hace que el amarillo del botón brille más al pasar el ratón */
body.elementor-page-384 .elementor-post:hover .elementor-post__text {
    background-color: #e3b177; /* Este es el amarillo brillante del menú */
    transition: background-color 0.2s;
}

/* Transición suave para volver a la normalidad al quitar el ratón */
body.elementor-page-384 .elementor-post {
    transition: all 0.2s ease-in-out;
}/* End custom CSS */