/* Autodesign - Sitio · CSS del sitio (movido del Personalizador el 25-sep-2026) */

/* Oculta solo bloques de texto de la barra lateral (antes ocultaba todos los del sitio; corregido 25-sep-2026) */
.gdlr-core-sidebar-area .gdlr-core-text-box-item {
    display: none !important;
}

.mxchat-chatbot {
background-color: #F6F6F6 !important;
color: #333333 !important
}

.floating-chatbot {
color: #333333 !important
}

.mxchat-chatbot-wrapper {
background-color: #FFFFFF !important
}

.chat-container {
color: #333333 !important
}

.chat-box {
color: #333333 !important;
padding: 16px !important
}

.chatbot-top-bar {
background: linear-gradient(to right, #A81C1C, #DD3333) !important;
box-shadow: none !important;
padding: 16px !important
}

.chatbot-title {
color: #FFFFFF !important;
font-weight: 700 !important
}

.chatbot-title-icon {
fill: #FFFFFF !important;
stroke: #FFFFFF !important
}

.exit-chat {
color: #FFFFFF !important
}

.exit-chat svg {
fill: #FFFFFF !important
}

.chat-mode-indicator {
background-color: #FFFFFF !important;
color: #333333 !important
}

.bot-message, .bot-message.temporary-message {
background-color: #293742 !important;
color: #FFFFFF !important;
border: none !important;
padding: 12px !important;
box-shadow: 4px 5px rgba(64, 139, 209, 0.4) !important
}

.bot-message div[dir="auto"] {
color: #FFFFFF !important
}

.user-message {
background-color: #A81C1C !important;
color: #FFFFFF !important;
border: none !important;
padding: 12px !important
}

.user-message div[dir="auto"] {
color: #FFFFFF !important
}

.agent-message {
background-color: #293742 !important;
color: #FFFFFF !important;
border: 1px solid #408BD1 !important;
padding: 12px !important
}

.mxchat-chatbot .agent-message,
.mxchat-chatbot .chat-box .agent-message {
border: 1px solid #408BD1 !important;
border-left: 1px solid #408BD1 !important;
border-left-color: #408BD1 !important;
box-shadow: none !important
}

.agent-message div[dir="auto"] {
color: #FFFFFF !important
}

.bot-message a, .bot-message p a, .user-message a, .user-message p a, .agent-message a, .agent-message p a {
color: #FFFFFF !important;
text-decoration: underline !important
}

.thinking-dots-container {
color: #FFFFFF !important
}

.thinking-dots {
color: #FFFFFF !important
}

.thinking-dots .dot {
background-color: #FFFFFF !important
}

.input-container {
border: 1px solid #E6E6E6 !important;
padding: 8px !important
}

.mxchat-chatbot .chat-container .input-container {
background-color: #FFFFFF !important
}

.chat-input {
color: #333333 !important
}

.chat-input::placeholder {
color: #6D6D6D !important
}

.chat-input::-webkit-input-placeholder {
color: #6D6D6D !important
}

.chat-input::-moz-placeholder {
color: #6D6D6D !important
}

.send-button {
background-color: #DD3333 !important;
border-radius: 8px !important
}

.send-button svg {
fill: #FFFFFF !important
}

.chat-toolbar {
color: #333333 !important
}

.toolbar-btn {
color: #333333 !important
}

.toolbar-btn svg {
fill: #333333 !important
}

.woo-cart-count {
color: #FFFFFF !important
}

.remove-pdf-btn svg {
fill: #A81C1C !important;
stroke: #A81C1C !important
}

.mxchat-popular-questions-container {
background-color: #F6F6F6 !important;
padding: 16px !important
}

.mxchat-popular-questions-title {
color: #333333 !important;
font-weight: 700 !important
}

.mxchat-popular-question {
background-color: #FFFFFF !important;
border: 1px solid #E6E6E6 !important;
color: #333333 !important;
padding: 10px !important
}

.questions-collapse-btn svg {
stroke: #A81C1C !important
}

/* === Feed TikTok (Smash Balloon, feed 1) con el diseño del home v2 · 25-sep-2026 === */
#sb-tiktok-feeds-container-1 .sbtt-feed-container{display:flex!important;flex-direction:column}
#sb-tiktok-feeds-container-1 .sb-feed-posts{order:1}
#sb-tiktok-feeds-container-1 .sb-feed-header{order:2;background:#2a3642;border-radius:10px;padding:22px 30px!important;margin:30px 0 0!important}
#sb-tiktok-feeds-container-1 .sb-feed-header-content{display:flex;align-items:center;justify-content:space-between}
#sb-tiktok-feeds-container-1 .sb-feed-header-profile{display:flex;align-items:center;gap:28px}
#sb-tiktok-feeds-container-1 .sb-feed-header-display-name{display:flex;flex-direction:column;gap:12px}
#sb-tiktok-feeds-container-1 .sb-feed-header-name{color:#fff!important;font-size:30px!important;font-weight:500!important;letter-spacing:.5px}
#sb-tiktok-feeds-container-1 .sb-feed-header-username{color:#fff!important;font-size:15px!important}
#sb-tiktok-feeds-container-1 .sb-feed-header-btn{border-radius:3px!important;padding:9px 14px!important;font-weight:400!important}
#sb-tiktok-feeds-container-1 .sb-feed-header-profile img{width:76px;height:76px;border-radius:50%}
#sb-tiktok-feeds-container-1 .sb-post-item-image-wrap{display:block!important;width:100%;height:auto!important;aspect-ratio:9/16!important;overflow:hidden;border-radius:8px}
#sb-tiktok-feeds-container-1 .sb-post-item-image{position:static!important;width:100%!important;height:auto!important;aspect-ratio:9/16!important;object-fit:cover}

#sb-tiktok-feeds-container-1 .sb-feed-header-profile{flex-wrap:nowrap}
#sb-tiktok-feeds-container-1 .adc-tt-stats{display:flex;gap:40px;margin-left:12px;padding-left:34px;border-left:1px solid rgba(255,255,255,.45);align-self:stretch;align-items:center}
#sb-tiktok-feeds-container-1 .adc-tt-stat{display:flex;flex-direction:column;gap:12px;color:#fff;line-height:1}
#sb-tiktok-feeds-container-1 .adc-tt-stat strong{font-size:15px;font-weight:500}
#sb-tiktok-feeds-container-1 .adc-tt-stat span{font-size:16px;font-weight:400}
@media (max-width:767px){
 #sb-tiktok-feeds-container-1 .sb-feed-header-content{flex-direction:column;align-items:flex-start;gap:18px}
 #sb-tiktok-feeds-container-1 .sb-feed-header-profile{flex-wrap:wrap;gap:16px}
 #sb-tiktok-feeds-container-1 .adc-tt-stats{border-left:0;padding-left:0;margin-left:0;gap:24px}
 #sb-tiktok-feeds-container-1 .sb-feed-header-name{font-size:22px!important}
}
#sb-tiktok-feeds-container-1 .sb-feed-header-btn{background:#3d8bd8!important;color:#fff!important}
#sb-tiktok-feeds-container-1 .sb-feed-header-btn:hover{background:#2f74b8!important}

/* === Feed YouTube (Smash Balloon, galería) con el diseño del home v2 === */
.sb_youtube.adc-yt{width:100%!important;max-width:none!important;padding:0!important}
.sb_youtube.adc-yt .sb_youtube_header,.sb_youtube.adc-yt .sby_footer,.sb_youtube.adc-yt .sby_load_btn,.sb_youtube.adc-yt .sby_follow_btn{display:none!important}
.sb_youtube.adc-yt .sby_player_outer_wrap{padding:0!important;margin-bottom:28px}
.sb_youtube.adc-yt .sby_player_outer_wrap .sby_video_thumbnail_wrap{padding:0!important;border:3px solid #2f7fd8;border-radius:12px;overflow:hidden}
.sb_youtube.adc-yt>*,.sb_youtube.adc-yt .sby_items_wrap,.sb_youtube.adc-yt .sby_item{float:none!important}
.sb_youtube.adc-yt .sby_player_outer_wrap{width:100%!important;display:block}
.adc-yt-carrusel{position:relative;clear:both}
.sb_youtube.adc-yt .sby_items_wrap{display:flex!important;flex-wrap:nowrap!important;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0!important}
.sb_youtube.adc-yt .sby_items_wrap::-webkit-scrollbar{display:none}
.sb_youtube.adc-yt .sby_items_wrap .sby_item{flex:0 0 calc((100% - 66px)/4)!important;width:auto!important;max-width:none!important;padding:0!important;scroll-snap-align:start}
.sb_youtube.adc-yt .sby_item .sby_inner_item{padding:0!important}
.sb_youtube.adc-yt .sby_item .sby_video_thumbnail_wrap{padding:0!important;border-radius:8px;overflow:hidden;position:relative}
.sb_youtube.adc-yt .sby_item.sby_current .sby_video_thumbnail_wrap::after{content:"Reproduciendo ahora";position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;font:600 15px/1 "Montserrat",sans-serif;z-index:6;pointer-events:none}
.adc-yt-titulo{margin:12px 0 0!important;font:600 18px/1.3 "Montserrat",sans-serif;color:#1d2731;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.adc-yt-flecha{position:absolute;width:42px;height:42px;top:var(--adc-yt-flecha-top,40px);border:0;border-radius:50%;background:#dd3333;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.adc-yt-flecha svg{width:10px;height:16px}
.adc-yt-flecha:hover{background:#b82424}
.adc-yt-flecha:focus-visible{outline:2px solid #1d2731;outline-offset:2px}
.adc-yt-prev{left:-21px}.adc-yt-next{right:-21px}
.adc-yt-barra{margin-top:40px;background:#000;border-radius:12px;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.adc-yt-perfil{display:flex;align-items:center;gap:30px;min-width:0}
.adc-yt-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;flex:none}
.adc-yt-nombre{display:flex;flex-direction:column;gap:10px}
.adc-yt-nombre strong{font:500 32px/1 "Montserrat",sans-serif;letter-spacing:.5px}
.adc-yt-nombre span{font:500 15px/1 "Montserrat",sans-serif}
.adc-yt-stats{display:flex;gap:42px;margin-left:12px;padding-left:30px;border-left:1px solid rgba(255,255,255,.5);align-self:stretch;align-items:center}
.adc-yt-stat{display:flex;flex-direction:column;gap:12px;font-family:"Montserrat",sans-serif;line-height:1}
.adc-yt-stat strong{font-size:15px;font-weight:500}.adc-yt-stat span{font-size:16px}
.adc-yt-seguir{display:inline-flex;align-items:center;gap:10px;background:#dd3333;color:#fff!important;border-radius:3px;padding:9px 14px;font:400 13px/1 "Montserrat",sans-serif;text-decoration:none!important;flex:none}
.adc-yt-seguir svg{width:16px;height:16px}
.adc-yt-seguir:hover{background:#b82424}
@media (max-width:767px){
 .sb_youtube.adc-yt .sby_items_wrap .sby_item{flex-basis:70%!important}
 .adc-yt-flecha{display:none}
 .adc-yt-titulo{font-size:15px}
 .adc-yt-barra{flex-direction:column;align-items:flex-start}
 .adc-yt-perfil{flex-wrap:wrap;gap:16px}
 .adc-yt-stats{border-left:0;padding-left:0;margin-left:0;gap:28px}
 .adc-yt-nombre strong{font-size:24px}
}
.sb_youtube.adc-yt .sby_items_wrap .sby_thumbnail_hover,.sb_youtube.adc-yt .sby_items_wrap .sby_play_btn{display:none!important}
.sb_youtube.adc-yt .sby_player_outer_wrap .sby_video_thumbnail_wrap{box-sizing:border-box}

/* === Correcciones QA home v2 · 25-sep-2026 (CORRECCIONES-HOME-V2.md) === */
/* A2: flechas del carrusel al frente de las miniaturas (el plugin les pone z-index:5) */
.adc-yt-flecha{z-index:10}
/* A8: aire entre reproductor, carrusel, barra y la sección siguiente */
.sb_youtube.adc-yt .sby_player_outer_wrap{margin-bottom:22px!important}
.adc-yt-barra{margin-bottom:56px}
/* A5/A6: las etiquetas de las barras nunca se parten; en pantallas medianas las estadísticas bajan a su propia fila */
.adc-yt-stat span,.adc-yt-stat strong,.adc-tt-stat span,.adc-tt-stat strong{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.adc-yt-seguir,#sb-tiktok-feeds-container-1 .sb-feed-header-btn{white-space:nowrap}
@media (max-width:1100px){
 .adc-yt-barra{flex-wrap:wrap}
 .adc-yt-perfil{flex-wrap:wrap;row-gap:18px}
 .adc-yt-stats{flex-basis:100%;margin-left:0;padding-left:0;border-left:0;gap:36px}
 .adc-yt-nombre strong{font-size:26px}
 #sb-tiktok-feeds-container-1 .sb-feed-header-content{flex-wrap:wrap;gap:18px}
 #sb-tiktok-feeds-container-1 .sb-feed-header-profile{flex-wrap:wrap!important;row-gap:18px}
 #sb-tiktok-feeds-container-1 .adc-tt-stats{flex-basis:100%;margin-left:0;padding-left:0;border-left:0;gap:36px}
 #sb-tiktok-feeds-container-1 .sb-feed-header-name{font-size:24px!important}
}
@media (max-width:767px){
 /* A6: barras centradas en celular */
 .adc-yt-barra,#sb-tiktok-feeds-container-1 .sb-feed-header-content{flex-direction:column;align-items:center!important;text-align:center}
 .adc-yt-perfil,#sb-tiktok-feeds-container-1 .sb-feed-header-profile{flex-direction:column;align-items:center!important;justify-content:center}
 .adc-yt-nombre,#sb-tiktok-feeds-container-1 .sb-feed-header-display-name{align-items:center}
 .adc-yt-stats,#sb-tiktok-feeds-container-1 .adc-tt-stats{justify-content:center;gap:28px}
 .adc-yt-barra{padding:24px 18px}
 #sb-tiktok-feeds-container-1 .sb-feed-header{padding:24px 18px!important}
 /* A7: TikTok como carrusel horizontal en celular (antes 6 videos en una columna, ~5 pantallas) */
 #sb-tiktok-feeds-container-1 .sb-grid-wrapper{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;grid-template-columns:none!important}
 #sb-tiktok-feeds-container-1 .sb-grid-wrapper::-webkit-scrollbar{display:none}
 #sb-tiktok-feeds-container-1 .sb-grid-wrapper>.sb-post-item-wrap{flex:0 0 62%!important;max-width:62%!important;scroll-snap-align:start;padding-bottom:0!important}
}

/* B3: flechas del carrusel de logos fuera de los logos */
.lgx_logo_slider_app_wrapper .owl-carousel.lgx-logo-carousel{padding:0 44px;box-sizing:border-box}
/* B4: miniaturas de las rejillas de notas siempre llenan su celda (en 4K quedaba un bloque negro) */
.gdlr-core-blog-feature .gdlr-core-blog-thumbnail img{width:100%;height:auto}
/* B5: anuncios de Advanced Ads centrados */
[id^="autod-"]{text-align:center}
[id^="autod-"] img{display:inline-block;max-width:100%;height:auto}
.autod-adlabel{text-align:center}
/* A3: entre tablet y 1260 px las columnas de YouTube e Instagram (ancho completo en el builder) quedaban pegadas a la orilla */
@media (min-width:768px) and (max-width:1260px){
 .gdlr-core-pbf-column-content:has(.sb_youtube),.gdlr-core-pbf-column-content:has(#sb_instagram){padding-left:40px!important;padding-right:40px!important;box-sizing:border-box}
}