@font-face{
    font-family:'Maiandra GD';
    src:url('/cosas/fuenteMaian.ttf');
}
*{
    box-sizing:border-box;
    color:brown;
}
html{
    scroll-behavior: smooth;
}
body{
    margin:0px;
    font-family: 'Maiandra GD';
	font-size:1.25em;
    background-image:linear-gradient(
        0deg,
        rgba(245,245,245,0.5),
        rgba(245,245,245,0.5)
    )
    ,url('/imagenes/espiralfondo.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
#centro{
    margin-top: 180px;
	padding:0 15px;
}
.redondeado{
	border: 1px solid black;
    border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
A {
	text-decoration: none;
	font-weight: bold;
	color: brown;
}
A:Hover {
	text-decoration: none;
	color: grey;
}
.tickerstyle {
	font-family:"Tahoma";
	font-size:13px;
	color:#CCCCCC;
	clip:  rect(   );
	text-align: center;
	background-position: center top;
}
.bordeblanco {
	border: 4px solid #FFFFFF;
}
.bordenegro {
	border: 2px solid #000000;
	margin: 10px;

}.subrayado {
	text-decoration: underline;
}
.titular {
	font-style: normal;
	font-weight: bold;
	color: #E1E386;
	font-size: 20px;
}
.fondoarcoiris {
	background-image: url(/imagenes/fonarcoi1.jpg);
}
.tituloiti {
	font-size: large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.titulo {
	font-size: xx-large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.dias {
	font-style: italic;
	font-weight: bold;
	color: #009900;
	text-decoration: underline;
}
.sinopsis {
	font-size: 14px;
	text-decoration: underline;
}
.peli {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
}
.indice {
	font-size: xx-small;
	color: #FF0000;
}
.metido {
	text-indent: -20pt;
	left: 50px;
	margin: 30px;
}
.divnoticias {
padding:10px 25px; background-color:#272829; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;width:89%
}
.container{
    max-width: 1200px;
    margin:auto;
    justify-items:center;
    width:90%;
}
.logo-menu{
    width:100%;
    background-color: white;
}
/*-------------------------------------barra menu ---------------------------------------*/
#barraMenu{
    width: 100%;
    height: 110px;
    z-index: 999;
    top:0px;
	left:0px;
    background:#fff;
	margin-bottom:220px;
    }
header{
    background-color:rgb(245,245,245);
    z-index:99; 
}
header .fondoblanco{
    background-color:rgb(245,245,245);
    width:100%;
    height:90px;
}
header .logo{
    margin: 0;
    padding:25px 30px;
    font-weight:bold;
    color:blueviolet;
    font-size:1.6em;
    background-image:url('/imagenes/logos/ProDoc-completo.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;
    background-color:white;
    width:100%;
    height:90px;
}
header .container{
    display:flex;
    flex-direction: column;
    align-items:center;
    width:100%;
}
header nav{
    display:flex;
    flex-direction:column;
    text-align:center;
    padding-bottom:25px;
}
header a{
    padding:5px 12px;
    text-decoration: none;
    font-weight:bold;
    font-size: 1.2em;
}
header a:hover{color:blueviolet}
#btncontacto{
    position:absolute;
	top:96px;
	left:750px;
	width:162px;
	height:34px;
	z-index:1;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	padding-top:2px;
}
#btnface{
    position:absolute;
	top:96px;
	left:800px;
	width:162px;
	height:34px;
	z-index:1;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	padding-top:2px;
}
#btninsta{
    position:absolute;
	top:96px;
	left:850px;
	width:162px;
	height:34px;
	z-index:1;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	padding-top:2px;
}
/*------------------- fin barra menu ------------------------------*/
#btn12 {
	position:absolute;
	top:96px;
	left:0;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: brown;
	padding-top:2px;
}
#txtbtn12 {
	position:absolute;
	left:93px;
	top:2px;
	z-index:1;
}
#imgbtn12 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}

#btn13 {
	position:absolute;
	top:96px;
	left:300px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: brown;
	padding-top:2px;
}
#txtbtn13 {
	position:absolute;
	left:93px;
	top:7px;
	z-index:1;
}
#imgbtn13 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
#btn14 {
	position:absolute;
	top:96px;
	left:450px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: brown;
	padding-top:2px;
}
#txtbtn14 {
	position:absolute;
	left:89px;
	top:7px;
	z-index:1;
}
#imgbtn14 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
#btn15 {
	position:absolute;
	top:96px;
	left:150px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: brown;
	padding-top:2px;
}
#txtbtn15 {
	position:absolute;
	left:93px;
	top:7px;
	z-index:1;
}
#imgbtn15 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
#btn16 {
	position:absolute;
	top:128px;
	left:0px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top:2px;
}
#txtbtn16 {
	position:absolute;
	left:68px;
	top:7px;
	z-index:1;
}
#imgbtn16 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
#btn17 {
	position:absolute;
	top:160px;
	left:0px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top:2px;
}
#txtbtn17 {
	position:absolute;
	left:88px;
	top:7px;
	z-index:1;
}
#imgbtn17 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
#btn18 {
	position:absolute;
	top:192px;
	left:0px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top:2px;
}
#txtbtn18 {
	position:absolute;
	left:89px;
	top:7px;
	z-index:1;
}
#imgbtn18 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
#btn19 {
	position:absolute;
	top:224px;
	left:0px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top:2px;
}
#txtbtn19 {
	position:absolute;
	left:83px;
	top:2px;
	z-index:1;
}
#imgbtn19 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
#btn20 {
	position:absolute;
	top:256px;
	left:0px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top:2px;
}
#txtbtn20 {
	position:absolute;
	left:96px;
	top:7px;
	z-index:1;
}
#imgbtn20 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
#btn21 {
	position:absolute;
	top:288px;
	left:0px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top:2px;
}
#txtbtn21 {
	position:absolute;
	left:99px;
	top:7px;
	z-index:1;
}
#imgbtn21 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
#btn22 {
	position:absolute;
	top:320px;
	left:0px;
	width:162px;
	height:34px;
	z-index:1;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top:2px;
}
#txtbtn22 {
	position:absolute;
	left:89px;
	top:7px;
	z-index:1;
}
#imgbtn22 {
	position:absolute;
	left:0;
	top:0;
	width:107px;
	height:25px;
	z-index:1;
}
.encabezado{font-size:x-large; font-weight:bold; margin: 5px auto; text-align: center;}
/*---------------------------  Grid de fichas  -----------------------------------------------*/
  :root {
    --card-min: 240px;
    --card-max: 400px;
    --gap: 20px;
    --border: #dcdcdc;
    --accent: #7a3b2e;
    --bg: #faf7f2;
    --card-bg: #ffffff;
    --text: #2b2b2b;
    --muted: #6b6b6b;
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--card-min), 1fr));
    gap: var(--gap);
    justify-content: center;
    width:100%;
    margin: 0 auto;
  }

  .ficha {
    display: flex;
    flex-direction: column;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 18px 18px 16px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    max-width:350px;
  }

  .ficha:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.08);
    border-color: var(--accent);
  }

  .ficha__titulo {
    margin: 0 0 12px;
    font-size: 1.2rem;
    line-height: 1.3;
    color: var(--accent);
    min-height: 2.6em;
  }

  .ficha__datos {
    margin: 0 0 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 10px;
    font-size: .82rem;
  }

  .ficha__datos dt {
    font-weight: 600;
    color: var(--muted);
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin: 0;
  }

  .ficha__datos dd {
    margin: 2px 0 0;
    font-size: 1rem;
  }

  .ficha__autor {
    margin: auto 0 0;
    padding-top: 10px;
    border-top: 1px dashed var(--border);
    font-size: 1.2rem;
    color: var(--text);
    font-style: italic;
  }
@media (min-width:850px){
	#barraMenu{margin-bottom:10px;}
    .logo-menu{
        width:25%;
    }
    header{
        position:fixed;
        width:100%;
        height:100px;
        background-color:white;
    }
    header .container{
        flex-direction:row;
        justify-content: center;
        background-color:white;
    }
    header nav{
        flex-direction: row;
        padding-bottom: 0;
        padding-right:20px;
        align-items:center;
    }
	.rrss{width:226px;}
	.rrss a{padding:0;}
	#centro{
		max-width:1200px;
		margin: 0 auto 0;
	}
}