/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/*Action bar*/
#Action_bar .contact_details {
	float: right;
}

#Action_bar .social {
	float: left;
}

#Action_bar .contact_details li {
    margin-right: 20px;
}

#Action_bar .contact_details li > a {
	color: rgba(255, 255, 255, .4);
    text-decoration: none;
	font-size: 12px;
}

#Action_bar .contact_details li > i {
	margin-right: 7px;
    font-size: 14px;
}

/* Action bar móvil */
@media (max-width: 768px) {
  #Action_bar .social { display: none !important; }
  #Action_bar li.phone,
  #Action_bar li.lang-switch,
  #Action_bar li.darkmode-toggle { display: none !important; }
  #Action_bar .contact_details { position: relative; }
}
/* Icono botón menú móvil */
@media (max-width: 768px) {
    #Action_bar li.css-mob-menu-btn::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f05a";
        color: rgba(255,255,255);
        font-size: 16px;
        cursor: pointer;
    }
}

/* Fix para el menú desplegable móvil */
@media (max-width: 768px) {
    #Action_bar .contact_details {
        position: relative;
        overflow: visible !important;
    }
    #Action_bar .column.one {
        overflow: visible !important;
    }
    #Action_bar .container {
        overflow: visible !important;
    }
    #Action_bar {
        overflow: visible !important;
    }
}
/* Ocultar botón en escritorio */
@media (min-width: 769px) {
    #Action_bar li.css-mob-menu-btnn {
        display: none !important;
    }
}

/* Mostrar botón en móvil */
@media (max-width: 768px) {
    #Action_bar li.css-mob-menu-btn {
        display: inline-flex !important;
    }
}

/*Rastro de migas*/
.breadcrumbs {
  font-size: 14px;
  color: #666;
}
.breadcrumbs .crumb { color: #303036; text-decoration: none; }
.breadcrumbs .crumb:hover { text-decoration: none; }
.breadcrumbs .current { color: #f03c02; pointer-events: none; }
.breadcrumbs .sep { margin: 0 6px; color: #bbb; }

/*submenu en header*/
#Top_bar .menu > li > ul {
    background: #fff;
    min-width: 260px;
    padding: 8px 0;
}
#Top_bar .menu > li > ul > li {
    width: 100%;
    border: none !important;
    padding: 0;
}
#Top_bar .menu > li > ul > li > a {
    display: block;
    width: 100%;
    padding: 10px 25px;
    white-space: nowrap;
    border: none !important;
    box-shadow: none !important;
}
/* Eliminar pseudo-separadores si existen */
#Top_bar .menu > li > ul > li > a:after {
    display: none !important;
}


/* TABLA: Quitar todas las líneas */
.tabla-privacidad,
.tabla-privacidad th,
.tabla-privacidad td {
    border: none !important;
    border-collapse: collapse;
}

/* Alinear todo a la izquierda */
.tabla-privacidad th,
.tabla-privacidad td {
    text-align: left;
    padding: 12px 15px;
}
.tabla-privacidad tbody {
    background: #ffffff !important;
}
/* Filas alternas en gris */
.tabla-privacidad tr:nth-child(2),
.tabla-privacidad tr:nth-child(4) {
    background: #f0f4f8 !important;
}
/*estilo para hover en img*/
.image_frame:hover img {
    transform: scale(1.05) !important;
}

/*Blog*/

/*ocultar imagen duplicada importada desde blogger*/
.single-post .the_content_wrapper p:first-child a img {
    display: none !important;
}
.single-post .the_content_wrapper p:first-child a {
    display: none !important;
}

.single-post .the_content_wrapper figure img{
    display: none !important;
}
.single-post .the_content_wrapper article a {
    display: none !important;
}
.single-post .the_content_wrapper div a {
    display: none !important;
}

/* del blog pagina de incio centrar img respecto a text */
.blog_slider .blog_slider_ul .blog_slider_li .item_wrapper .date_label {
  position: absolute !important;
  top: auto !important;
  bottom: auto !important;
  left: 50% !important;
  transform: translate(-50%, -118%) !important;
  width: max-content !important;
  z-index: 20 !important;
  white-space: nowrap !important;
  margin-top: 0 !important;
}
/* hacer fondo blanco */
.blog_slider .blog_slider_ul .blog_slider_li .item_wrapper {
    background: #fff;
    border-radius: 8px;
}
/*padding para el texto*/
.blog_slider .blog_slider_ul .blog_slider_li .item_wrapper .desc {
  padding: 10px 15px 15px 15px !important;
}
.blog_slider .blog_slider_ul .blog_slider_li .item_wrapper .image_frame {
  border-radius: 10px 10px 0 0 !important;
}
/*para acotar los titulos*/
.blog_slider .blog_slider_ul .blog_slider_li .item_wrapper .desc h4 a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/*es para acotar las lineas del excerpt*/
.blog_slider .blog_slider_ul .blog_slider_li .item_wrapper .desc p.post_excerpt {
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.blog_slider .blog_slider_ul .blog_slider_li .item_wrapper {
	margin-bottom: 5px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* ReDoc solo dentro del bloque docs */
/* Solo páginas que contienen ReDoc */
body:has(.css-api-docs .redoc-wrap) #Content,
body:has(.css-api-docs .redoc-wrap) #Content .content_wrapper,
body:has(.css-api-docs .redoc-wrap) #Content .sections_group,
body:has(.css-api-docs .redoc-wrap) #Content .section_wrapper,
body:has(.css-api-docs .redoc-wrap) #Content .wrap,
body:has(.css-api-docs .redoc-wrap) #Content .column,
body:has(.css-api-docs .redoc-wrap) #Content .column_attr {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Breakout full width solo en páginas con ReDoc */
body:has(.css-api-docs .redoc-wrap) .css-api-docs {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: 100vw;
}

/* scopeado al bloque ReDoc */
.css-api-docs .redoc-wrap,
.css-api-docs .redoc-wrap * {
  font-family: "Montserrat", sans-serif !important;
}

/* Fuente global Redoc */
.redoc-wrap,
.redoc-wrap * {
  font-family: 'Montserrat', sans-serif !important;
}
/* Solo buscador de ReDoc */
.css-api-docs .redoc-wrap div[role="search"] {
  display: none !important;
}
/* Fondo del menú lateral */
.redoc-wrap .menu-content {
	background-color: #FFFFFF;
}
/* Sidebar más ancho */
.redoc-wrap .menu-content {
  width: 320px !important;
}
/* Ajustar contenido principal */
.redoc-wrap .api-content {
  margin-left: 10px !important;
}
/* Quitar fondos de items internos del lateral */
.redoc-wrap [role="menu"],
.redoc-wrap [role="menuitem"],
.redoc-wrap [role="menuitem"] > label,
.redoc-wrap [role="menuitem"] > ul {
  background: transparent !important;
}
/* Tabla Códigos de control más limpia y alargada */
.redoc-wrap table {
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

.redoc-wrap table th,
.redoc-wrap table td {
  border: none !important;
  padding: 10px 12px !important;
}

/*boton*/
.postman-button {
  display: inline-block;
  padding: 12px 22px;
  margin-top: 10px;
  background: #ffffff;
  color: #fff !important;
  border-radius: 8px;
	border-color: #f03c02 !important;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.1s ease;
}
.postman-button:hover {
  background: #f03c02;
	color: #fff !important;
  transform: translateY(-1px);
}
/*ocultar p y a de redoc de descargar al inicio del documento de la api*/
p:has(a[download]) {
display: none;
}
/*h2*/
.copjkU {
    font-weight: 500 !important;
}
/*h2 subtitulos*/
.cjhZre {
    font-weight: 500 !important;
}
/*padding de los h2*/
.cEAxIC {
	padding: 10px;
}
/*espacio entre info y url del resto*/
.hzUya p:last-child {
    margin-bottom: 20px !important;
}
/*ocultar logo de redoc*/
.css-api-docs .redoc-wrap a[href*="redocly.com/redoc"] img {
  display: none !important;
}
.ccKipA a {
	background: #ffffff;
}
.jaEbwB {
  background: transparent !important;
	border: none !important;
}
.eVrqat {
    padding: 10px 0px !important;
}
.hzUya a {
    color: #f03c02 !important;
}
.hzUya h3 {
	font-size: 1.20em !important;
}
hr {
    margin-top: 30px !important;
}
.hzUya pre code {
    color: #e53935 !important;
}
.hzUya table {
    display: table !important;
}

/*modo oscuro plugin personalizado*/
.wp-dark-mode-switch ._icon svg{
display:none !important;
}

/*contenedor*/
.wp-dark-mode-switch ._track{
display:inline-flex !important;
align-items:center !important;
padding:0 4px !important;
width:auto !important;
min-width:0 !important;
min-height:14px !important;
height:14px !important;
background:transparent !important;
box-shadow:none !important;
border:none !important;
}

.wp-dark-mode-switch ._icon::before{
  content:"";
  width:20px;
  height:20px;
  display:block;
  background-color:currentColor;
  -webkit-mask:var(--icon) center/contain no-repeat;
  mask:var(--icon) center/contain no-repeat;
  color:var(--icon-color, #ffffff);
}

/* Sol */
.wp-dark-mode-switch ._icon:first-child{
--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z'/%3E%3C/svg%3E");
}

/* Luna */
.wp-dark-mode-switch ._icon:last-child{
--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z'/%3E%3C/svg%3E");
}

/* Colores */
body:not(.wp-dark-mode-active) .wp-dark-mode-switch ._icon{
--icon-color:#ffffff;
}
body.wp-dark-mode-active .wp-dark-mode-switch ._icon:first-child{
--icon-color:#ffffff;
}
body.wp-dark-mode-active .wp-dark-mode-switch ._icon:last-child{
--icon-color:#ffffff;
}
/* Alinear todos los items del action bar en el mismo eje */
#Action_bar .contact_details li{
  vertical-align:middle;
	margin-right: 8px !important;
}

/* Quitar desajustes internos del switch */
#Action_bar .contact_details li.darkmode-toggle .wp-dark-mode-switch{
  display:flex !important;
  align-items:center !important;
  line-height:1 !important;
  margin:0 !important;
}

/* Centrar los iconos dentro del switch */
#Action_bar .contact_details li.darkmode-toggle ._icon{
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

/*para quitar un borde negro en el iframe del video iplanner*/
.content_video.iframe.auto-wh iframe {
    position: absolute;
    top: -0.5%;
    left: 0;
    width: 100%;
    height: 100.2% !important;
    clip-path: inset(0px 0px 3px 0px) !important;
}

/*forzar hover  en textos para icon box element*/
body:not(.page-id-43) .icon_box:hover .desc_wrapper .title,
body:not(.page-id-43) .icon_box:hover .desc_wrapper .desc {
    color: #fff;
}

/*medias querys para botones en cabecera inicio*/
@media only screen and (max-width: 767px) {
    .mobile-one-second.column {
        width: 30%;
    }
}
@media only screen and (max-width: 540px) {
    .mobile-one-second.column {
        width: 40%;
    }
}
@media only screen and (max-width: 393px) {
    .mobile-one-second.column {
        width: 60%;
    }
}

/*mostrar izquierda plugin complianz*/
.cmplz-manage-consent {
    left: 20px !important;
    right: auto !important;
}