/**************Estilos Generales**************/
*{margin:0px; padding:0px;}
td{padding:0px; border-collapse:collapse; vertical-align:top;}
tr{padding:0px; border-collapse:collapse;}
th{padding:0px; border-collapse:collapse;}
table{padding:0px; border-collapse:inherit;}
input.form-control[type="file"] { box-sizing: initial !important; }
.clear{clear:both;}
.has_italic{font-style:italic;}
.has_negrita{font-weight:600;}
.has_underlined{text-decoration:underline;}
.Container{text-align:center;}
.FullWidth, .fullWidth, .fullwidth, .Fullwidth{width:100%}
img{border:none;}
.dataTables_wrapper table{width:100% !important;overflow: auto;}
.hidden{display:none;}

.Containernowrap{white-space:nowrap;}
.marginCenter{margin:auto;}
.img-responsive{display:inline !important;}
.LoadingInclude{margin:0px auto !important; display:block !important; float:none !important;}
.nav.navbar-nav.nav-vertical li{float:none !important;}
fieldset{margin:10px 0px 15px !important;}
fieldset legend{padding:3px 20px 0px !important; margin-bottom:8px !important;}
.help-block.with-errors:empty{display:none;}
.ErrorMessageContainer{color: #ff0000;}
div[style*="text-align:center;"] table {margin: 0 auto;}
/*Validadores*/
.ValidatorAndRequiredField{
    color:darkred !important;
}
/**************Fin Estilos Generales**************/
/*************Mapa del sitio******************/
.root li {
    display: block;
    list-style: none;
    padding: 5px 0px;
}
.root li .mapaS_1Nivel
{
    background:url(/images/mapasitio_flecha.png) no-repeat center left;
    padding:0px 24px;
    font-size:1.125em;
    border-bottom:1px dotted #aaaaaa;
    display:block;
}
.root li ul
{
    margin-top:8px;
    padding-top:5px;
}
.root li li ul
{
    border:none !important;
    margin:0px;
    padding:0px;
}
.root li ul li 
{
    padding:2px 25px;
}
.root li ul li li
{
    padding:2px 15px;
}
.root li ul li .mapaS_2Nivel,
.root li ul li .mapaS_1Nivel
{
    background:url(/images/mapasitio_sub_flecha.png) no-repeat center left;
    padding:0px 16px;
    font-size:0.813em;
}
/*********Fin del mapa de sitio*****************/
/*********************************************************Breadcrum*******************************************/
ul.HASBreadCrumbs
{
    padding:25px 5px 5px;
}
.HASBreadCrumbs
{
	font-family: 'Muli', sans-serif;
	font-size:15px;
	display:block;
    margin:3px 7px 0px;
}
.HASBreadCrumbs li
{
	display:block !important;
	float:left;
	padding:3px 6px;
    color:#999999;
}
.HASBreadCrumbs li.breadcrumbhome
{
    background:none !important;
    padding-left:0px !important;
}
.HASBreadCrumbs li::before
{
    content:" |";
    margin-right:10px;
}
.HASBreadCrumbs li:first-child
{
    padding-left:0px !important;
}
.HASBreadCrumbs li:first-child:before
{
     content:none !important;
     margin-right:0px;
}
.HASBreadCrumbs a:link, .HASBreadCrumbs a:visited, .HASBreadCrumbs a:active
{
	text-decoration:underline;
}
/*********************************************************fin Breadcrum*******************************************/
/*********Correcciones de bootstrap************/
.nav-tabs 
{
    border-bottom: 1px solid #d1d1d1 !important;
}
.nav-tabs.nav
{
    width:100% !important;
    padding:0px !important;
}
/*/estilos para cuando los tabs se exceden el ancho del contenedor*/
.htabsMobile ul.nav-tabs.nav
{
    padding-bottom:51px !important;
    position:relative;
}
.htabsMobile ul.nav-tabs.nav li.active
{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    text-align:center;
    z-index:9;
}
#MainContainer.ContentContainer .htabsMobile ul.nav-tabs.nav li.active a,
#MainContainer.ContentContainer .htabsMobile ul.nav-tabs.nav li.active a span
{
    color:#ffffff !important;
}
#MainContainer.ContentContainer .nav-tabs > li > a span, .nav-tabs > li > a p, 
#MainContainer.ContentContainer .nav-tabs > li > a span, .nav-tabs > li > a p span
{
    text-decoration: none !important;
    color: #2f2c2d !important;
}
#MainContainer.ContentContainer .nav-tabs > li.active > a span, .nav-tabs > li.active > a p,
#MainContainer.ContentContainer .nav-tabs > li.active > a span, .nav-tabs > li.active > a p span
{
    color:#ffffff !important;
}
/*/fin de estilos para cuando los tabs se exceden el ancho del contenedor*/
.nav-tabs > li > a,
.panel-title > a
{
    outline:none;
}
.nav-tabs > li > a
{
    background:#ffffff;
    border: 1px solid #d1d1d1 !important;
    text-decoration:none;
    border-radius:0px !important;
    margin-right:0px;
}
.nav-tabs > li.active > a
{
    border-bottom: 1px solid #ffffff !important;
    background:#24959b !important;
    position:relative;
    color:#ffffff !important;
}
.nav-tabs > li > a span,
.nav-tabs > li > a p
{
    text-decoration:none !important;
    color:#2f2c2d !important;
}
.nav-tabs > li.active > a span,
.nav-tabs > li.active > a p
{
    color:#ffffff !important;
    text-decoration:none !important;
}
.nav-tabs > li.active > a::before
{
    width:0px;
    height:0px;
    display:block;
    content:"";
    bottom: -10px;
    position: absolute;
    left:50%;
    margin-left:-15px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;  
    border-top: 10px solid #24959b;
}
.nav-tabs.tabs-left > li.active > a::before
{
    top:50%;
    margin-top:-20px;
    margin-left:0px;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;  
    border-left: 20px solid #31afe1;
    right: -40px;
    left: auto;
    z-index: 8;
}
.nav-tabs.tabs-left > li.active > a
{
    border-right: 1px solid #ffffff !important;
}
.nav-tabs > li > a p
{
    padding:0px !important;
}
.tab-pane.active 
{
    border-color: #999999 !important;
}
.panel-title
{
    font-weight:600;
}
.panel-group
{
    margin:5px;
}
.panel-collapse
{
    padding:15px 25px 30px;
    overflow:auto;
}
.panel-collapse span 
{
    word-wrap: break-word;
}
.tab-content
{
    margin:0px 0px 25px;
}
.tab-pane.active
{
    background: #ffffff;
    border: 1px solid #d1d1d1 !important;
    border-top:0px !important;
    padding: 20px 20px 10px;
}
.Tablaconcuadrcula,
.dataTables_wrapper
{
    width:100%;
}
.dataTables_wrapper td
{
    /*background: #f6f6f6;*/
}
.Tablaconcuadrcula tr.ODDROW td, .Tablaconcuadrcula tr.odd td,
.dataTables_wrapper tr.ODDROW td, .dataTables_wrapper tr.odd td
{
    background: #eeeeee;
}
.nav.nav-tabs.tabs-left li
{

}
.vtabs .col-xs-3,
.vtabs .col-xs-9
{
    padding:0px !important;
}
.vtabs .tabs-left
{
    border-bottom: none !important;
    border-right: none !important;
    padding-top: 0px;
}
.vtabs .tab-pane.active {
    background: #ffffff;
    border: 1px solid #d1d1d1 !important;
    padding: 10px 20px;
}
/*.vtabs .tab-pane.active
{
    border:0px !important;
}

/*.panel-heading{
	padding:0 !important;
	height: 100% !important;
}*/
.dataTables_wrapper > .row 
{
    margin: 0px !important;
}
.panel-heading  a > p,
#historicoRSS .panel-heading a
{
	padding:15px 10px !important;
	margin:0;
}
.form-group span:not(.form-control) {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}
.form-group span.form-control {
    background:#efefef;
    height:auto;
}


.form-group select option
{
    padding:1px 3px;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #005e6e !important;
    border-color: #005e6e !important;
    color: #fff !important;
    cursor: default !important;
    z-index: 2 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #ee7517 !important;
    border-color: #ee7517 !important;
}
.HoverEffectIdeas figure figcaption,
.HoverEffectIdeas figure figcaption h1,
.HoverEffectIdeas figure figcaption h1 span,
.HoverEffectIdeas figure figcaption h2,
.HoverEffectIdeas figure figcaption h2 span,
.HoverEffectIdeas figure figcaption h3,
.HoverEffectIdeas figure figcaption h3 span
{
    color: #fff !important;
}
figure.effect-ming h2 
{
    margin: 20% 0 10px 0 !important;
}
.modal-body
{
    overflow: auto;
}
.owl-theme .owl-controls 
{
    margin: 0px !important;
}
/**************tabs***********/
/**************Acordeones***********/
.panel-group .panel-default
{
    border-radius: 0px !important;
    border: 0px !important;
}
.panel-group .panel-default > .panel-heading 
{
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: 0px !important;
    border-bottom: 3px solid #a7a5a5 !important;
    padding: 5px 5px 0px;
}
.acordeon_oscuro .panel-group .panel-default > .panel-heading
{
    color: #f5f5f5 !important;
    background-color: #6D6E70 !important;
    border-color: #ddd !important;
}
.panel-group .panel-title
{
    position:relative;
}
.panel-group .panel-title::after
{
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    content:"";
    border-radius:3px;
    background:#6f8892;
    top:50%;
    margin-top:-10px;
    left:7px;
}
.panel-group .panel-title > a
{
    padding:0px 10px 0px 30px !important;
    display:block;
    position:relative;
    color: #f5f5f5 !important;
}
.panel-group .panel-title > a::after,
.panel-group .panel-title > a::before
{
    content:"";
    position:absolute;
    top:50%;
    border-bottom:2px solid #ffffff;
    height: 0px;
    width: 10px;
    left: 12px;
    z-index: 999;
    margin-top: -1px;
    transition:  all 0.5s ease 0s; 
    -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */ 
    -webkit-transition:  all 0.5s ease 0s; /* Safari and Chrome */ 
    -o-transition:  all 0.5s ease 0s; /* Opera */
}
.panel-group .panel-title > a::after
{
    transform:rotate(90deg);
}
.panel-group .panel-title > a[aria-expanded=true]::after
{
    width:0px;
    transition:  all 0.5s ease 0s; 
    -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */ 
    -webkit-transition:  all 0.5s ease 0s; /* Safari and Chrome */ 
    -o-transition:  all 0.5s ease 0s; /* Opera */
}
.acordeon_oscuro .panel-group .panel-title > a,
.acordeon_oscuro .panel-group .panel-title > a h1,
.acordeon_oscuro .panel-group .panel-title > a h2,
.acordeon_oscuro .panel-group .panel-title > a h3,
.acordeon_oscuro .panel-group .panel-title > a p.MsoNormal,
.acordeon_oscuro .panel-group .panel-title > a span,
.acordeon_oscuro .panel-group .panel-title > a p.MsoNormal span,
.acordeon_oscuro .panel-group .panel-title > a span p.MsoNormal
{
    color: #f5f5f5 !important;
    text-decoration:none;
    font-size:18px;
    font-weight:600;
}
.panel-group .panel-title > a,
.panel-group .panel-title > a p.MsoNormal,
.panel-group .panel-title > a span,
.panel-group .panel-title > a p.MsoNormal span,
.panel-group .panel-title > a span p.MsoNormal 
{
    color: #333333 !important;
}
.panel-collapse.collapse.in 
{
    border:1px solid #dddddd;
    border-radius:0px 0px 3px 3px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body 
{
    border-top: 0px !important;
}
/**********Corrección de las excel convertido a tablas******************/
.dataTables_wrapper.ExcelToTableButtons .dataTables_scroll {
    overflow-y: hidden;
}
.dataTables_wrapper.ExcelToTableButtons .dataTables_scrollBody thead
{
    display:none;
}
.ExcelToTable
{
    border-bottom:1px solid #e1e1e1 !important;
	font-family: 'Raleway', sans-serif;
}
.ExcelToTable td,
.ExcelToTable th
{
    border:1px solid #e1e1e1 !important;
    border-top:none !important;    
    border-left:none !important;
    font-size:14px;
    background:#ffffff;
    padding-top:4px !important;
    padding-bottom:4px !important;
}
.ExcelToTable th
{
    border-top:1px solid #e1e1e1 !important;
    padding-right:24px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
    font-weight:normal !important;
}
.ExcelToTable th:first-child
{
    border-left:1px solid #e1e1e1 !important;
}
.ExcelToTable td:first-child
{
    border-left:1px solid #e1e1e1 !important;
}
.dataTables_wrapper.ExcelToTableButtons .buttonsContainer
{
    position:relative;
    display:block;
    width:35px;
    height:15px;
    float:left;
    padding-left:15px;
    margin:15px 0px 0px 25px;
}
.dataTables_wrapper.ExcelToTableButtons .buttonsContainer::after
{
    position:absolute;
    width:15px;
    height:15px;
    content:"...";
    top:-46px;
    left:-10px;
    cursor:pointer;
    font-size:55px;
}
.dataTables_wrapper.ExcelToTableButtons .dt-buttons
{
    position:absolute !important;
    width:auto;
    top:30px;
    left:-23px;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    padding:10px;
    display:none;
    opacity:0;
    border-radius:0px 0px 5px 5px;
    transition:  all 0.5s ease 0s; 
    -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */ 
    -webkit-transition:  all 0.5s ease 0s; /* Safari and Chrome */ 
    -o-transition:  all 0.5s ease 0s; /* Opera */
}
.dataTables_wrapper.ExcelToTableButtons .dt-buttons::after
{
    content:"";
    position:absolute;
    top:-15px;
    left:5px;
    border-bottom:15px solid;   
    border-bottom-color: rgba(0,0,0,0.85);
    border-left:15px solid transparent;
    border-right:15px solid  transparent;
}
.dataTables_wrapper.ExcelToTableButtons .buttonsContainer:hover .dt-buttons
{
    display:block;
    opacity:1;
    transition:  all 0.5s ease 0s; 
    -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */ 
    -webkit-transition:  all 0.5s ease 0s; /* Safari and Chrome */ 
    -o-transition:  all 0.5s ease 0s; /* Opera */
}
.dataTables_wrapper.ExcelToTableButtons .addthis_sharing_toolbox
{
    width: 25px;
    font-family: 'Raleway', sans-serif;
    float: left;
    display: block;
    margin-top: 14px;
}

.dataTables_wrapper.ExcelToTableButtons .addthis_sharing_toolbox a span{
	text-decoration: none !important;
	color:#333 !important;	
}


.atm-i{
	background:none !important;
}
/*
.at_hover:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0px;
    border-bottom: 15px solid;
    border-bottom-color: rgba(0,0,0,0.85);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
*/
#at_hover, .atm-f{
	background:rgba(0,0,0,0.85) !important;
	color:#fff !important;	
}

#at_hover a .at-label, #at_hover a .at-label.at_bold{
	color:#fff !important;	
	font-family: 'Raleway', sans-serif;
	padding: 0.5em 0;	
	font-weight: 400 !important;	
	font-size:12px;
}

#at_hover a:hover{
	background:#555 !important;
}


.dataTables_filter
{
    width:50%;
}

.dataTables_wrapper.ExcelToTableButtons .dt-buttons a.dt-button
{
    border:none !important;
    background:none !important;
    text-decoration:none !important;
    font-weight:normal;
    color:#ffffff !important;
    /*padding:5px 15px !important;*/
    float:none !important;
    width:100%;
    border-radius:0px;
}
.dataTables_wrapper.ExcelToTableButtons .dt-buttons a.dt-button span
{
    text-decoration:none !important;
}
.dataTables_wrapper.ExcelToTableButtons .dt-buttons a.dt-button:hover
{
    background:#555 !important;
}
.dataTables_wrapper.ExcelToTableButtons .dt-buttons a.dt-button span
{    
    color:#ffffff !important;
}

.dataTables_wrapper .glyphicon-share:before {
	padding-right:5px;
}
/*********Correcciones de bootstrap************/
.glyphicon.glyphicon-menu-hamburger.sb-toggle-right
{
    color: #ffffff;
    float: right;
    margin: 10px 0px 5px 5px;
    cursor: pointer;
    font-size:1.313em;
}
/*********YoutubeChannel3columnas**************/
.VideoTableContainer li
{
    display:block;
}
.WidgetContainer
{
    display:block;
    width:100%;
    height:400px;
    overflow:auto;
    margin-top:15px;
}
.WidgetContainer li
{
    float:left;
    margin:5px;
    width:48%;
    padding:5px 10px 10px;
    border:1px solid #f0f0f0;
}
.WidgetContainer li:hover
{
    background:#f6f6f6;
}
.VideoLink
{
    display:block;
}
.VideoLink .title
{
    display:block;
    height:44px;
    overflow:hidden;
}
.descrip
{
    display: block;
    height: 62px;
    overflow: hidden;
}
/*--------------tablas autogeneradas---------------*/
table.indice_contenido
{
    border:1px solid #666666;
	font-family: 'Raleway', sans-serif !important;
    margin:0px auto;
}
table.indice_contenido td.indice_titulo
{
    background:#444444 !important;
    font-family: 'Muli', sans-serif !important;
    padding:7px !important;
    color:#ffffff;
}
table.indice_contenido td.td_titulo
{
    background: #666666 !important;
    font-family: 'Muli', sans-serif !important;
    color:#ffffff;
    padding:5px 10px 8px;
}
table.indice_contenido td.td_descripcion,
table.indice_contenido td.td_extension,
table.indice_contenido td.td_descripcionODD,
table.indice_contenido td.td_extensionODD
{
    padding:7px;
    font-family: 'Muli', sans-serif !important;
    color:#222222;
    font-size:13px;
}
table.indice_contenido td.td_descripcion a,
table.indice_contenido td.td_extension a,
table.indice_contenido td.td_descripcionODD a,
table.indice_contenido td.td_extensionODD a
{
    display:block;
    padding-bottom: 3px;
}
table.indice_contenido td.td_descripcion,
table.indice_contenido td.td_extension
{
    background:#ffffff;
}
table.indice_contenido td.td_descripcionODD,
table.indice_contenido td.td_extensionODD
{
    background:#f1f1f1;
}
/* para evitar que salgan los Undo Changes de DataTables/Editors */
.multi-restore {
    display: none;
}
/***************GridView******************/
table[id*="GridView"]
{
    margin:5px 5px 15px;
}
table[id*="GridView"] td, 
table[id*="GridView"] th
{
    padding:5px 8px;
    border:1px solid #dddddd;
}
table[id*="GridView"] th
{
    background:#6D6E70;
    color:#f1f1f1;
}
table[id*="GridView"] .gridRow,
table[id*="GridView"] tr:first-child
{
    background:#f9f9f9;
}
table[id*="GridView"] .gridAlternatingRow,
table[id*="GridView"] tr:nth-child(2n+3)
{
    background:#e9e9e9;
}
/*********callout********/
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.Search_resultado span
{
    word-break:break-all;
}
/*********btn**************/
#MainContainer.ContentContainer .btn.Destacado {
    background: #1b3a66;
    color: #ffffff !important;
}
#MainContainer.ContentContainer .btn.Destacado span
{
    color:#ffffff !important;
}
    #MainContainer.ContentContainer .btn.Destacado:hover {
        background: #ee7517;
    }
#MainContainer.ContentContainer .btn.Simple
{
    background:#e1e1e1;
    color:#0099ff !important;
}
#MainContainer.ContentContainer .btn.Simple span
{
    color:#0099ff !important;
}
#MainContainer.ContentContainer .btn.Normal
{
    background:#ffffff;
    color:#0099ff !important;
    border:1px solid #0099ff;
}
#MainContainer.ContentContainer .btn.Normal span
{
    color:#0099ff !important;
}
#MainContainer.ContentContainer .btn.Destacado,
#MainContainer.ContentContainer .btn.Simple,
#MainContainer.ContentContainer .btn.Normal
{	
    -webkit-transform: scale(1) !important;
	transform: scale(1) !important;
	-webkit-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
    padding:10px 25px;
    border-radius:25px;    
}
#MainContainer.ContentContainer .btn.Destacado,
#MainContainer.ContentContainer .btn.Simple,
#MainContainer.ContentContainer .btn.Normal,
#MainContainer.ContentContainer .btn.Destacado span,
#MainContainer.ContentContainer .btn.Simple span,
#MainContainer.ContentContainer .btn.Normal span
{
    font-size:18px !important;
}
#MainContainer.ContentContainer a img
{
    -webkit-transform: scale(1) !important;
	transform: scale(1) !important;
	-webkit-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
}


#MainContainer.ContentContainer .btn.Destacado:hover,
#MainContainer.ContentContainer .btn.Simple:hover,
#MainContainer.ContentContainer .btn.Normal:hover,
#MainContainer.ContentContainer a:hover img
{
   	-webkit-transform: scale(1.05) !important;
	transform: scale(1.05) !important;
}
.table-responsive 
{
    overflow-y: hidden;
    overflow-x:auto;
    border:none !important;
}
@media (max-width: 767px)
{
    .panel-collapse
    {
        padding:15px 10px 30px;
    }
    #MainContainer.ContentContainer .btn.Destacado,
    #MainContainer.ContentContainer .btn.Simple,
    #MainContainer.ContentContainer .btn.Normal,
    #MainContainer.ContentContainer .btn.Destacado span,
    #MainContainer.ContentContainer .btn.Simple span,
    #MainContainer.ContentContainer .btn.Normal span
    {
        font-size:14px !important;
    }
}
.Left{
float:left;
}
.td_descripcionODD, .td_extension,
.td_extensionODD, .td_descripcion,
.td_titulo
{
    line-height:normal !important;
}





/*Forms*/
.input-group-btn .btn {
    border-radius: 0 25% 25% 0 !important;
    padding: 3px 15px;
}


.iframeAyudaBuscador {
    width: 100%;
    height: 100%;
    border: none; /* Quitar el borde si no es necesario */
}

/* Ocultar los radio buttons originales */
.custom-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

/* Estilizar el label para mostrar un radio button personalizado */
.custom-radio label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    color: #333;
    font-size: 16px;
    display: inline-block;
}

    /* Crear el borde y fondo del radio button */
    .custom-radio label::before {
        content: "r";
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border: 2px solid orange;
        border-radius: 50%;
        background-color: white;
    }

/* Estilizar el círculo interior cuando el radio button está seleccionado */
.custom-radio input[type="radio"]:checked + label::after {
    content: "x";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: orange;
}